图文讲解用vue-cli脚手架创建vue项目步骤


Posted in Javascript onFebruary 12, 2019

用vue-cli脚手架可以快速的构建出一个前端vue框架的项目结构。今天小编我便来记录一下vue-cli脚手架的构建项目的经验。

1、首先便是要搭建好vue-cli脚手架工具才行滴。搭建vue-cli脚手架工具的方法便是如图所示这样滴。

图文讲解用vue-cli脚手架创建vue项目步骤

2、然后指定一个目录并用vue init webpack+项目名称便可得到前端项目的结构了哦。

图文讲解用vue-cli脚手架创建vue项目步骤

3、接着便是一路回车来确认项目所用到的一些语法和测试包即可。

图文讲解用vue-cli脚手架创建vue项目步骤

4、接着便可看到依赖包已经配置成功了。可以用cd来进入项目里边并执行npm run dev即可启动刚才初始化搭建的项目了。

图文讲解用vue-cli脚手架创建vue项目步骤

5、接着看看bdjy这个目录里面就有了vue项目结构的一些依赖包了哦。

图文讲解用vue-cli脚手架创建vue项目步骤

6、这个components就是存放vue组件的哦。而这个route则是设置vue路由的文件夹啦哦。

图文讲解用vue-cli脚手架创建vue项目步骤

7、启动vue项目后便可以在自己电脑的浏览器看到bdjy这个项目的入口页面了。

图文讲解用vue-cli脚手架创建vue项目步骤

Javascript 相关文章推荐
提高代码性能技巧谈—以创建千行表格为例
Jul 01 Javascript
兼容IE与firefox火狐的回车事件(js与jquery)
Oct 20 Javascript
JS去除数组重复值的五种不同方法
Sep 06 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
Oct 23 Javascript
Angular 理解module和injector,即依赖注入
Sep 07 Javascript
JavaScript实现三级联动菜单实例代码
Jun 26 Javascript
Vue项目webpack打包部署到服务器的实例详解
Jul 17 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
Feb 10 Javascript
bootstrap table支持高度百分比的实例代码
Feb 28 Javascript
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
Aug 31 Javascript
vue实现点击隐藏与显示实例分享
Feb 13 Javascript
layui实现数据表格自定义数据项
Oct 26 Javascript
实例分析编写vue组件方法
Feb 12 #Javascript
详解vue引入子组件方法
Feb 12 #Javascript
vue组件之间数据传递的方法实例分析
Feb 12 #Javascript
vue添加class样式实例讲解
Feb 12 #Javascript
Vue中使用canvas方法总结
Feb 12 #Javascript
通过npm或yarn自动生成vue组件的方法示例
Feb 12 #Javascript
js实现json数组分组合并操作示例
Feb 12 #Javascript
You might like
全国FM电台频率大全 - 9 上海市
2020/03/11 无线电
php中serialize序列化与json性能测试的示例分析
2013/04/27 PHP
提升PHP性能的21种方法介绍
2013/06/25 PHP
经典PHP加密解密函数Authcode()修复版代码
2015/04/05 PHP
PHP程序员不应该忽略的3点
2015/10/09 PHP
php获取远程文件内容的函数
2015/11/02 PHP
orm获取关联表里的属性值
2016/04/17 PHP
PHP中类属性与类静态变量的访问方法示例
2016/07/13 PHP
TreeView 用法(有代码)(asp.net)
2011/07/15 Javascript
JS中的数组的sort方法使用示例
2014/01/22 Javascript
Javascript中数组方法汇总(推荐)
2015/04/01 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
2017/05/13 jQuery
react router 4.0以上的路由应用详解
2017/09/21 Javascript
node.js用fs.rename强制重命名或移动文件夹的方法
2017/12/27 Javascript
vue之浏览器存储方法封装实例
2018/03/15 Javascript
vue 实现全选全不选的示例代码
2018/03/29 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
2018/04/18 Javascript
详解webpack4升级指南以及从webpack3.x迁移
2018/06/12 Javascript
Vue自定义toast组件的实例代码
2018/08/15 Javascript
electron实现静默打印的示例代码
2019/08/12 Javascript
node.js文件操作系统实例详解
2019/11/05 Javascript
Python使用matplotlib绘图无法显示中文问题的解决方法
2018/03/14 Python
python 查找文件名包含指定字符串的方法
2018/06/05 Python
Python 求数组局部最大值的实例
2019/11/26 Python
Grow Gorgeous美国官网:只要八天,体验唤醒毛囊后新生的茂密秀发
2018/06/04 全球购物
某公司面试题
2012/03/05 面试题
总裁秘书岗位职责
2013/12/04 职场文书
物业保安员岗位职责制度
2014/01/30 职场文书
纠纷协议书
2014/04/16 职场文书
先进员工获奖感言
2014/08/14 职场文书
大学竞选班干部演讲稿
2014/08/21 职场文书
2014年大学生党员评议表自我评价
2014/09/20 职场文书
2014年家长学校工作总结
2014/11/20 职场文书
步步惊心观后感
2015/06/12 职场文书
python解决12306登录验证码的实现
2021/04/18 Python
使用Apache Camel表达REST服务的方法
2022/06/10 Servers