zoukankan      html  css  js  c++  java
  • 让nodeJS支持ES6的词法----babel的安装和使用

      要使用Babel, 我们需要nodeJS的环境和npm, 主要安装了nodeJS, npm就默认安装了 , 现在安装nodeJS很简单了, 直接下载安装就好了;

      安装es-checker

      在使用Babel之前 , 我们要先检测一下当前node对es6的支持情况, 我们使用先es-checker, 命令行下执行:

    npm -g install es-checker

      es-checker安装完毕以后, 命令行执行:es-checker , 如下图, 我的node环境版本是v4.4.3, 支持64%哦 : 

      babel的安装

      所以我们来安装babel吧, 有了babel, 能够使用更多高级词法!

      首先新建一个工作目录, 然后创建一个package.json的文件, 内部内容为:

    {
      "name": "my-project",
      "version": "1.0.0",
      "devDependencies": {
      }
    }

      然后再打开cmd(命令行), 在工作目录下执行命令安装babel-cli:

    npm  --save-dev install babel-cli

      再安装一个全局的babel-cli:

    npm -g  install babel-cli

      接着在工作目录创建一个名字为.babelrc的文件, 文件内容入如下( 要注意window系统下创建这种文件系统会提示你:“必须键入文件名” , 你可以找别的方式去创建, 我是在开发工具的工程目录中把这个文件创建出来的):

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

      安装babel-preset-es2015

      还是工作目录, 然后再安装babel-preset-es2015

    npm install --save-dev babel-preset-es2015

      到目前为止babel算是安装完毕了:

      测试es6代码

      创建一个test.js的文件, 键入内容:

    let [a,b,c] = [1,2,3];
    console.log(a,b,c);

      在当前目录下执行:

    babel-node test

      结果应该是这样的:

      如果直接用执行node test, 我这边会报异常: SyntaxError: Unexpected token [

      相关

        nodeJS : https://nodejs.org/en/

        babel官网 : https://babeljs.io/

        阮老师的博客:http://www.ruanyifeng.com/blog/2016/01/babel.html

    作者: NONO
    出处:http://www.cnblogs.com/diligenceday/
    QQ:287101329
    微信:18101055830 

  • 相关阅读:
    在CSS里加下面任何一行代码都可以解决图片之间的间隙
    MasterPage Toolbar
    图解虚拟机VMware服务自动启动
    WSUS完全部署
    DIV全屏覆盖网页
    大型架构.net平台篇(WEB层均衡负载nginx)
    组策略设置及导出导入方法[附上设置好的组策略]
    如何設定定時關機?
    gridview获取当前行索引的方法
    no suject
  • 原文地址:https://www.cnblogs.com/diligenceday/p/5453523.html
Copyright © 2011-2022 走看看