zoukankan      html  css  js  c++  java
  • ES6 基本语法

    一、命令

     1、查看 Node 已经实现的 ES6 特性

    $ node --v8-options | grep harmony
    2、检测Node 环境对 ES6 的支持程度
    $ npm install -g es-checker
    $ es-checker
    
    =========================================
    Passes 24 feature Dectations
    Your runtime supports 57% of ECMAScript 6
    =========================================  
    3、转码器:Babel
    Babel 的配置文件是.babelrc,存放在项目的根目录下。使用 Babel 的第一步,就是配置这个文件。
    该文件用来设置转码规则和插件,基本格式如下。

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

     presets字段设定转码规则,官方提供以下的规则集,你可以根据需要安装。 

    # 最新转码规则
    $ npm install --save-dev babel-preset-latest
    
    # react 转码规则
    $ npm install --save-dev babel-preset-react
    
    # 不同阶段语法提案的转码规则(共有4个阶段),选装一个
    $ npm install --save-dev babel-preset-stage-0
    $ npm install --save-dev babel-preset-stage-1
    $ npm install --save-dev babel-preset-stage-2
    $ npm install --save-dev babel-preset-stage-3
    

    然后,将这些规则加入.babelrc。  

      {
        "presets": [
          "latest",
          "react",
          "stage-2"
        ],
        "plugins": []
      }
    

    4、转码器Babel-cl 命令工具  

    # 安装
    $ npm install --save-dev babel-cli
    

     然后,改写package.json

    {
      // ...
      "devDependencies": {
        "babel-cli": "^6.0.0"
      },
      "scripts": {
        "build": "babel src -d lib"
      },
    }
    

    转码的时候,就执行下面的命令

    $ npm run build
    

      

      

     



  • 相关阅读:
    python语法_1基础语法概述
    Pytest用例编写1
    Pytest介绍
    9、Selenium grid2
    虫师Selenium2+Python_8、自动化测试高级应用
    虫师Selenium2+Python_7、unittest单元测试框架
    虫师Selenium2+Python_6、Selenium IDE
    虫师Selenium2+Python_5、自动化测试模型
    虫师Selenium2+Python_4、webdriver API
    虫师Selenium2+Python_3、Python基础
  • 原文地址:https://www.cnblogs.com/karila/p/7808891.html
Copyright © 2011-2022 走看看