Babel的安装和使用

（1）什么是Babel？

Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。

大部分es6语法，Chrome浏览器是可以直接支持的。

当是有一小部分，浏览器并不支持，所以需要使用babel进行转码

（2）如何使用babel？

     (1)第一步:安装npm （安装node就阔以了）
      (2)安装babel-cli 工具（全局）
        安装如下：
       npm install babel-cli -g 
       
     (3)安装babel-preset-es2015 和babel-preset-stage-2 

         babel-preset-es2015  是用来转码的具体规则

安装如下：
         npm install babel-preset-es2015 

如果想要支持到es2017还需要安装一个包babel-preset-stage-2 

安装如下：
         npm install babel-preset-stage-2 
    
    (4)第四步配置.babelrc 文件
             {
                 "presets":[
                     "es2015",
                     "stage-2"
                 ]
             }
        创建这个文件时，必须用编辑器完成

         
    

(5)执行命令
      
       babel    源文件的名字 -o         目标文件的名字
       babel    源文件夹的名字 -d         目标文件夹

到此就完成了
       

总结

以上是生活随笔为你收集整理的Babel的安装和使用的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。