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脚手架运行的界面。
更多精彩文章用微信关注下方二维码哟