vue2.0项目搭建步骤（1）

1.创建vue项目：

 

npm install vue //安装vue

npm install -g vue-cli //全局安装 vue-cli

使用vue的脚手架直接在本地初始化项目
方法：命令行：vue init <template-name> <project-name>

template-name选项为模板名称，vue-cli官方为我们提供了5种模板。

webpack-一个全面的webpack+vue-loader的模板，功能包括热加载，linting,检测和CSS扩展。

webpack-simple-一个简单webpack+vue-loader的模板，不包含其他功能，让你快速的搭建vue的开发环境。

browserify-一个全面的Browserify+vueify 的模板，功能包括热加载，linting,单元检测。

browserify-simple-一个简单Browserify+vueify的模板，不包含其他功能，让你快速的搭建vue的开发环境。

simple-一个最简单的单页应用模板。

project-name 为项目名称。 【项目名不能大写】

这里以常用的webpack为例，
运行：vue init webpack shengyuan    

为了兼容低版本浏览器不兼容es6语法  安装babel-polyfill

npm install --save babel-polyfill

 配置方法：@1：打开./build/webpack.base.conf.js，在下面的 entry 中

将原来的
entry: {
   app: './src/main.js',
 },
改为：
entry: ['babel-polyfill', './src/main.js'];

@2：import 'babel-polyfill' //es6的API转义

当在src文件夹外新建了文件 使用了es6的时候 为了兼容ie 不出现空白页面 需要在babel-loader的配置添加该文件夹的路径，加上之后就没问题了  eg：在src外新建了一个static 文件 里面用到了es6 那么需要在build/webpack.base.conf.js文件下的babel-loader部分添加配置resolve('static')