前端开发 大前端 W3Cbest

一个专注 WEB 开发的技术博客

0%

windows下 sublime text3 安装babel编译es6插件

第一步

先安装babel-cli

npm install --save-dev babel-cli

第二步

在sublime text 中安装babel插件 插件如何安装这里就不多解释,不过记住一定是babel

第三步

安装好后来配置一下安装的babel插件


这里的地址要配置好,也就是你安装的babel-cli的目录地址,让插件可以在此寻找 babel或babel-core 命令,否则就会报错 Couldn’t find babel or babel-core

第四步

在当前目录配置好.babelrc文件,定义转码规则,在当前目录放置好依赖包(因为这里找不到全局的)

npm install --save babel-preset-es2015

比如我只用了babel编译es5,就在.babelrc文件里添加

{
  "presets": [
    "es2015"
  ]
}

然后在js文件里编写es6的代码,按下快捷键Ctrl+Shift+P,输入babel,选择 babel transform 执行即可,如果顺利的话,就能看到es6文件已经转换为es5语法,然而有一个很大的缺陷就是只能生成匿名文件,具体如何解决还没找到方法。 其他一些编辑器的安装方法

坚持技术创作分享,您的支持将鼓励我继续创作!