如何搭建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开发环境”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。