新建Vue项目脚手架

1、安装node.js环境（前面一篇说过了），检查是否安装输入：

node -v

2、安装webpack，据说是打包工具，待我深入研究。

npm install webpack -g

检查是否安装了webpack

webpack -v

3、安装vue-cli脚手架构建工具

npm install vue-cli -g

检查是否安装了vue-cli

vue -V（注意这里是大写的V）

到这里环境就搭建好了。

4、用vue-cli来新建项目

cd选择一个项目存放目录，在这个目录下执行

vue init webpack vuedemo

这里的vuedemo是项目名，不能用中文。

在创建过程中会提示输入一些信息和选择，这里根据具体情况输入，选择的话遇到

? Use ESLint to lint your code? (Y/n) n ---------------------是否启用语法检测规则，这里个人建议选no

新建好之后用编辑器WebStorm打开改项目，配置一下npm start。运行。

或者控制台在项目路径下执行 npm run dev 运行。

然后浏览器输入http://localhost:8080，就可以打开vue脚手架运行的界面。

 

更多精彩文章用微信关注下方二维码哟