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
    

      

      

     



  • 相关阅读:
    Android开发使用Glide获取图片背景色淡绿色解决办法
    Android 获取 View 宽高的常用正确方式,避免为零
    Android之自定义View来接收输入法输入的内容
    FileProvider使用详解(拍照、安装APP、共享文件)
    简明 homebrew
    更优雅地使用命令行
    一篇长文说 git 基础
    chrome 浏览器的使用技巧
    前端学命令行
    cocos 碰撞系统
  • 原文地址:https://www.cnblogs.com/karila/p/7808891.html
Copyright © 2011-2022 走看看