# 安装 node.js

  • 下载node.js (opens new window)
  • 安装好后键入 node -v 以及 npm -v 来测试是否安装成功
  • 由于国内镜像下载很慢可以安装淘宝镜像,安装成功后,可以键入 cnpm -v 检查是否安装成功
npm install -g cnpm --registry=https://registry.npm.taobao.org

# 全局安装 vue-cli 脚手架

cnpm install -g vue-cli

# 全局安装 webpack 脚手架

cnpm install -g webpack

# 创建项目

vue init webpack 项目名称
cd 项目名称
cnpm i

# 运行项目

npm run dev

# 解决安卓低版本兼容问题

  • 方案1:在 webpack.config.js 文件中,entry 入口处修改,加入即可

entry:{
    app:['babel-polyfill','./src/main.js']
}
or
entry: {
    "babel-polyfill":"babel-polyfill",//用来解决的兼容性
    app: path.resolve(__dirname, config.entry.module + "/app.js"),
    vendor: config.entry.vendor
}
  • 方案2:不修改webpack的情况下,在你的主入口文件头部加入,例如:app.js中加入即可
import 'babel-polyfill'
import Vue from 'vue';
Vue.config.debug = true;
  • 方案3:也就是使用cdn的资源,以js的文件加入到html页面:例如:
<script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script>
  • 如果你只用到了 axios 对 promise进行兼容,可以只用 es6-promise
npm install es6-promise --save

在 main.js 中的最前面 引入

import 'es6-promise/auto'

完成以上配置,ie9兼容就完成了