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
    

      

      

     



  • 相关阅读:
    html+vue.js 实现分页可兼容IE
    Display、Visibility 和 Opacity 的区别
    Vue项目刷新页面 IE/360 浏览器 input输入框不清空问题处理
    Webpack入门
    linux下Tomcat日志文件catalina.out的切割
    无监控,不运维
    windows与linux下jdk+tomcat安裝
    java面向对象(提高篇)
    java面向对象(汇总)
    JAVA工程师简历模板
  • 原文地址:https://www.cnblogs.com/karila/p/7808891.html
Copyright © 2011-2022 走看看