vue安装

一、在github上新建个仓库

1533625790(1).png

二、在本地新建一个目录，然后把这个仓库克隆到本地目录

1533625972(1).png

三、进入这个仓库，使用npm init进行初始化

npm init -y
用来初始化生成一个新的 package.json 文件。它会向用户提问一系列问题，如果你觉得不用修改默认配置，一路回车就可以了。此时当前目录下会有两个文件：package.json和README.md

1533626257(1).jpg

四、安装vue-cli

npm install -g vue-cli
（-g代表全局）（vue-cli是vue命令行界面）

1533626716(1).jpg

五、在当前目录创建一个基于"webpack"的项目

vue init webpack .

1533626994(1).jpg

• Project name :项目名称 ，如果不需要更改直接回车就可以了。注意：这里不能使用大写。
• Project description:项目描述，默认为A Vue.js project,直接回车，不用编写。
• Author：作者，如果你有配置git，他会读取.ssh文件中的user。
• Install vue-router? 是否安装vue的路由插件，Y代表安装，N无需安装，下面的命令也是一样的。
• Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格
• setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha。
• Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试。
• Should we run npm install for you after the project has been created?(recommended)npm
  询问你使用npm安装还是yarn安装包依赖，我这里选择的是npm，yarn更快更好，使用yarn之前确保你的电脑已经安装yarn。

六、发现当前目录多了很多东西（把这些都提交到github上，防止代码丢失）

1533627231(1).jpg

七、运行测试

npm run dev

1533627353(1).jpg
然后在浏览器里输入http://127.0.0.1:8080，查看是否成功