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(运行项目)
项目运行成功之后,就可以在浏览器中查看初始化的项目了。别忘了要开启本地服务器才能查看项目。然后你就可以用编辑器打开项目进行编辑了。
网友评论