vue-cli脚手架的搭建

1、npm install vue-cli -g

2、vue init webpack yourprojectname(项目名)

3、npm run dev（启动项目）

4、npm run build (打包项目)

注意：由于ie浏览器不支持promise，所以要处理：

安装：npm install babel-polyfill --save

第二步：在webpack.base.conf.js-----的 entry:{app:[‘babel-polyfill’,’./src/main.js’]}
或者是第二种方法：require(‘babel-polyfill’) 然后再main.js中： import ‘babel-polyfill’;

5、解析支持ts文件

安装：npm install typescript ts-loader --save-dev

5-2、首先将main.js 修改为main.ts

5-3、build/webpack.base.conf.js 自动补全的扩展名：

       extensions: ['.js', '.vue', '.json', '.ts','.tsx'],
      // 如果创建项目的时候添加了eslint 还需要将 ...(config.dev.useEslint ? [createLintingRule()] : []),注释掉并添加如下代码
  //添加ts文件解析
  {
    test: /\.tsx?$/,
    loader: 'ts-loader',
    exclude: /node_modules/,
    options: {
      appendTsSuffixTo: [/\.vue$/],
    }
  },