es6 babel转码器安装配置

Posted 2020-08-10

例如：桌面上新建个文件夹es6，文件夹里新建一个文件es6.js。（ios系统里安装的，windows还没安装过）

打开小黑窗进入文件夹。（windows要以管理员的方式打开cmd）

1、先全局安装babel-cli,输入命令 sudo npm install babel-cli -g （windows去掉sudo）

2、输入cd Desktop/es6 ; ---（进去文件夹）

3、输入 npm init； 一路回车键 ---（引导你创建一个package.json文件，包括名称、版本、作者这些信息等）

4、输入 npm install --save-dev babel-cli； ---（安装命令行转码babel-cli工具）sudo是Mac终端以管理员的命令去执行命令

5、es6文件里新建配置文件.babelrc 复制代码

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

粘贴到.babelrc 里

6、小黑窗输入npm install --save-dev babel-preset-es2015；---（安装es2015依赖项）

将"es2015"加入.babelrc

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

 

输入babel --h 检测是否安装成功

将es6编译成es5 例如：babel es6.js -o es5.

 

sublime text下运行es6见链接http://www.cnblogs.com/52cik/p/sublime-text-run-es6.html;