vue项目中将es6代码编译成es5

借助babel进行编译，官网地址：https://www.babeljs.cn/docs/

1. 首先要使编译器支持es6的语法（我用的是idea所以此处以idea为例）

快捷键ctrl+alt+s打开setting --》Languages & Frameworks ，然后选择则es6，如下图

2. 编译器支持es6语法后，在vue项目中安装babel，命令如下：

npm install -g babel-cli 全局安装 
npm install –save-dev babel-cli 局部安装 （建议进入项目根目录进行局部安装）

因为通过node.js搭建的vue项目会自动添加依赖的，所以不需要另外添加。

安装好babel之后，此时项目就可以通过打包命令npm run build将es6语法代码编译es5，然后执行npm run dev启动项目