vue学习01-vue-cli安装

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