构建前端第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语法)

posted @ 2021-01-22 16:24  张艳涛&java  阅读(104)  评论(0编辑  收藏  举报