图文讲解用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 相关文章推荐
javascript 读取图片文件的大小
Jun 25 Javascript
javascript+mapbar实现地图定位
Apr 09 Javascript
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
Mar 01 Javascript
JavaScript中自定义事件用法分析
Dec 23 Javascript
angularJS结合canvas画图例子
Feb 09 Javascript
AngularJS教程之简单应用程序示例
Aug 16 Javascript
微信小程序-拍照或选择图片并上传文件
Jan 06 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
Mar 21 Javascript
Windows上node.js的多版本管理工具用法实例分析
Nov 06 Javascript
原生js实现瀑布流效果
Mar 09 Javascript
微信小程序实现列表的横向滑动方式
Jul 15 Javascript
微信小程序实现聊天室功能
Jun 14 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
操作Oracle的php类
2006/10/09 PHP
浅谈php serialize()与unserialize()的用法
2013/06/05 PHP
php生成随机密码自定义函数代码(简单快速)
2014/05/10 PHP
ThinkPHP中的系统常量和预定义常量集合
2014/07/01 PHP
JavaScript实现同时调用多个函数的方法
2015/11/09 Javascript
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
jQuery多文件异步上传带进度条实例代码
2016/08/16 Javascript
微信小程序 加载 app-service.js 错误解决方法
2016/10/12 Javascript
js无提示关闭浏览器窗口的两种方法分析
2016/11/06 Javascript
js实现登录验证码
2016/12/22 Javascript
Ajax 加载数据 练习代码
2017/01/05 Javascript
原生js实现弹出层效果
2017/01/20 Javascript
canvas实现十二星座星空图
2017/02/14 Javascript
webpack独立打包和缓存处理详解
2017/04/03 Javascript
基于vue配置axios的方法步骤
2017/11/09 Javascript
JavaScript中 ES6变量的结构赋值
2018/07/10 Javascript
vue使用websocket的方法实例分析
2019/06/22 Javascript
浅谈JavaScript中this的指向问题
2020/07/28 Javascript
Python的Django REST框架中的序列化及请求和返回
2016/04/11 Python
Django实现快速分页的方法实例
2017/10/22 Python
Jupyter中直接显示Matplotlib的图形方法
2018/05/24 Python
python中的turtle库函数简单使用教程
2018/07/23 Python
python实现图片上添加图片
2019/11/26 Python
python误差棒图errorbar()函数实例解析
2020/02/11 Python
Python通过4种方式实现进程数据通信
2020/03/12 Python
Python爬虫requests库多种用法实例
2020/05/28 Python
关于python3.9安装wordcloud出错的问题及解决办法
2020/11/02 Python
财务出纳员岗位职责
2013/11/26 职场文书
七一表彰活动方案
2014/01/18 职场文书
财务部绩效考核方案
2014/05/04 职场文书
竞选演讲稿范文大全
2014/05/12 职场文书
捐款倡议书怎么写
2014/05/13 职场文书
建筑专业毕业生自荐信
2014/05/25 职场文书
纪念九一八事变演讲稿:牢记九一八,屈辱怎能忘
2014/09/14 职场文书
高三英语教学计划
2015/01/23 职场文书
python处理json数据文件
2022/04/11 Python