构建前端第8篇之---Webstom搭建ES6运行环境

张艳涛 写于2021-1-22

一.在有webstorm和node.js前提下,安装全局的babel

npm install babel-cli babel-eslint -g

二.在terminal中,使用命令：npm init（或者是 npm init -y）

三.本地安装babel-preset-es2015 和 babel-cli（编译插件）

在终端执行：npm install --save-dev babel-preset-es2015 babel-cli

四.新建.babelrc及简单检测（ES6转化为ES5的语法）

在根目录下新建一个.babelrc文件，并写入代码：

 { "presets":[ "es2015" ], "plugins":[] } 

五.使用,在终端使用命令：babel src/index.js -o dist/index.js（将ES6语法转换为ES5语法）