搭建vue开发环境

这篇文章主要为大家详细介绍了搭建vue开发环境，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

搭建vue的开发环境：

1、必须要安装nodejs

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

代码如下：

npm install --global vue-cli / cnpm install --global vue-cli （ 此命令只需要执行一次 ）

【图片暂缺】 

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

代码如下：

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

如果报错了 cd到项目里面运行 cnpm install / npm install

npm run dev

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

代码如下：

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

 

总结

 

以上所述是小编给大家介绍的搭建vue开发环境，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对四海网网站的支持！

本文来自：http://www.q1010.com/184/5201-0.html

注：关于搭建vue开发环境的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js