Vue开发环境搭建与创建项目

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（运行项目）

项目运行成功之后，就可以在浏览器中查看初始化的项目了。别忘了要开启本地服务器才能查看项目。然后你就可以用编辑器打开项目进行编辑了。