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,能够看到咱们的项目已经启动了。