1.安装node.js
1.png
2.安装vue-cli
国内淘宝的镜像:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
安装脚手架：
$ cnpm install vue-cli -g
查看版本号：
$ vue -V
2.png
3.新建项目
$ vue init webpack [projectname]
- Project name (demo01)： -----项目名称,回车按照括号中默认名字（注意名字不能有大写字母，如果有会报错。ps.阮一峰老师博客为什么文件名要小写 。
- Project description (A Vue.js project)： ----项目描述，可直接回车
- Author ()： ----输入作者
- Runtime + Compiler: recommended for most users 运行加编译，推荐
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere 仅运行时 - Install vue-router? (Y/n) 是否安装vue-router，官方的路由，输入“y”后回车
- Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代码
- Pick an ESLint preset (Use arrow keys) 选择一个ESLint预设，编写vue项目时的代码风格
- Setup unit tests with Karma + Mocha? (Y/n) 是否安装单元测试
- Setup e2e tests with Nightwatch(Y/n)? 是否安装e2e测试
3.png
$ npm run dev
打开浏览器输入http://localhost:8080/
vuepage.png
