Vue开发环境的搭建，直接看大神写的教程吧：Vue环境搭建
如果安装完node之后，在命令行输入node -v，提示：'node' 不是内部或外部命令，也不是可运行的程序 或批处理文件的解决方法，则需要进行全局全局路径配置。
全局路径配置：https://blog.csdn.net/a123bc21/article/details/90597687
创建项目
最新、最简便：
在HBuilder中新建项目直接选择vue项目：
然后 运行到终端 选择 npm run serve ：
最后在浏览器中打开下面地址即可：
第一种方式：
必须cd到对应的一个项目里面
vue init webpack vue-demo01
cd vue-demo01
cnpm install / npm install 如果创建项目的时候没有报错，这一步可以省略。如果报错了 cd到项目里面运行 cnpm install / npm install
npm run dev（运行项目）
注意：在创建项目之前，会询问你一些配置的问题，如图：除了 use ESLint to lint your code?（eslint算是一个代码语法规范检查的工具，不同意就不会把检查语法规范的功能加进webpack编译的流程里，同意的话，代码写的不规范，也会报错，这样比较麻烦）的回答是 no之外，其他的直接按回车回答yes即可。
第二种方式： （推荐）
vue init webpack-simple vuedemo02
cd vuedemo02
cnpm install / npm install
npm run dev（运行项目）
项目运行成功之后，就可以在浏览器中查看初始化的项目了。别忘了要开启本地服务器才能查看项目。然后你就可以用编辑器打开项目进行编辑了。
网友评论