扣丁学堂HTML5开发培训之搭建vue开发环境详解

2018-07-20 13:49:39 482浏览

最近有很多零基础同学反映不会HTML5开发VUE的框架搭建，小编找老师写了一篇关于HTML5培训之搭建vue开发环境的文章，下面我们一起来看一下吧。

搭建vue的开发环境：

1、必须要安装nodejs

2、搭建vue的开发环境，安装vue的脚手架工具官方命令行工具

npminstall--globalvue-cli/cnpminstall--globalvue-cli（此命令只需要执行一次）

3、创建项目必须cd到对应的放项目的文件夹里，例如项目放vue文件夹里，则cdvue，然后再进行下面的命令（vue-demo01为项目名）

vue init webpack vue-demo01
cd vue-demo01
cnpm install / npm install  如果创建项目的时候没有报错，这一步可以省略。

如果报错了cd到项目里面运行cnpminstall/npminstall

npm run dev

4、另一种创建项目的方式（推荐）（vuedemo02为项目名）

vue init webpack-simple vuedemo02
cd vuedemo02
cnpm install / npm install
npm run dev

以上所述就是关于从零开始搭建vue开发环境，希望对大家有所帮助。想要了解更多内容的小伙伴可以关注我们的官方微信公众号或者直接登录扣丁学堂官网咨询。扣丁学堂有更多最新的学习资讯以及大量精品学习教程视频可供大家免费参考观看，想要成为HTML5开发的小伙伴们现在就开始行动吧。扣丁学堂H5技术交流群：559883758。

【关注微信公众号获取更多学习资料】

查看更多关于“HTML5开发技术资讯”的相关文章>>