美文网首页
Vue开发环境搭建与创建项目

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

作者: 向上而活 | 来源:发表于2018-06-09 15:52 被阅读0次

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(运行项目)

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

相关文章

网友评论

      本文标题:Vue开发环境搭建与创建项目

      本文链接:https://www.haomeiwen.com/subject/ervosftx.html