Vue2.0 实战项目(一) 安装vue.cli

1.打开Vue脚手架的github地址：https://github.com/vuejs/vue-cli，在README查看如何安装

2.通过npm安装vue

npm install -g vue-cli

安装完之后运行vue命名

vue init：安装模板

vue list命名：定义了哪些可以安装的模板

3.通过webpack模板安装

vue init webpack myProjectName

项目建立过程中，有如下选择

3.1项目名称

3.2项目描述

3.3作者名称

3.4搭建vue

3.5是否安装vue-router

3.6是否在代码中使用ESLint（ES6代码风格检查器）

3.7是否创建Karma+Mocha的单元测试

3.8是否创建Nightwatch的e2e测试

创建完项目之后会出现提示

 

4.切换到创建的项目目录，然后安装依赖文件

cd myProjectName
npm install

 安装完之后会发现多了一个node_module文件夹，然后执行run dev

npm run dev

可以看到执行了一个node的server

在浏览器中打开localhost:8080,可以看到我们的项目已经启动了。