4.创建第一个vue项目

打开Mac终端：

1.确保全局安装 vue-cli。

$ cnpm init

$ cnpm install webpack --save-dev

$ npm install --global vue-cli

2.创建一个基于webpack模板的新项目。

// 大型项目
$ vue init webpack my-project
// 中小型项目
$ vue init webpack-simple my-project

// 开发环境

3.安装依赖

$ cd my-project

$ npm install

4.成功之后，就可以把我们的项目跑起来了！

$ npm run dev

5.babel转义：ES——>ES5

// core是babel核心包
$ npm install babel-core --save-dev
// loader用来解析语法
$ npm install babel-loader --save-dev
// 解析ES7的语法
$ npm install babel-preset-stage-0 --save-dev
// 解析样式
$ npm install css-loader style-loader --save-dev

6.webpack自动刷新

$ npm install webpack-dev-serser --save-dev

webpack配置

cnpm install webpack webpack-dev-server babel-core babel-loader babel-preset-es2015 babel-preset-stage-0 css-loader style-loader less less-loader file-loader url-loader html-webpack-plugin --save-dev