ES 6学習--環境づくり

3562 ワード

ECMAScript 6(以下、ES 6という)はJavaScript言語の次世代規格で、2015年6月に正式に発表されました.JavaScript言語は複雑な大規模なアプリケーションを作成し、企業レベルの開発言語になることを目標としています.
ES 6を学ぶ前に、まず各ブラウザの最新バージョンのES 6に対するサポートを見てみます.ここをクリックしてください.
私たちは以下のいくつかの環境を使ってES 6を学ぶことができます.
最新バージョンのChromeまたはChromiumを使用します.
Ubuntuで最新のChromiumにアップグレードするには、次のような命令が必要です.
sudo add-apt-repository ppa:chromium-daily 
sudo apt-get update 
sudo apt-get install chromium-browser
そして、ES 6へのサポートをオープンし、アクセスする必要があります.chrome://flags/#enable-javascript-hanmoryページは、この特性を開きます.
そして、あなたはChromiumのコンサートでES 6を使うことができます.
Node.jsを使う
Nodeの最新バージョン、または最新の安定バージョンに更新することを提案します.このようにNodeはES 6に対するサポートが多いかもしれません.
アップグレードNodeはnvmやnなどのバージョン管理ツールを使用することができます.
私が使っているのはnです.コマンド入力:
//     n
sudo npm install -g n
//       
n 5.6.0
//        
n latest
//       
n stable
//       
n rm 5.6.0
//            
n use 5.6.0 some.js
安定バージョンをインストールしました.今は5.6.0です.
以下のコマンドを使用して、現在のバージョンのNodeのES 6へのサポートを確認できます.
node --v8-options | grep harmony
使う時はハーモニックパラメータだけを持ってきてください.
node --harmony
node --harmony test.js
Babelを使う
Babelは、広く使われているES 6トランスコーダであり、ES 6コードをES 5コードに変換して、既存の環境で実行することができる.これはES 6でプログラムを作成することができますし、既存の環境がサポートされているかどうかを心配する必要はありません.
Babelの取り付け方法を簡単に例を挙げます.一つのtestプロジェクトを例にします.
先にtestフォルダを作成し、そのフォルダの下でnpm initを実行し、package.jsonファイルを初期化して、次のように修正します.
{
  "name": "test",
  "version": "1.0.0",
  "description": "A babel test project",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "babel src -d lib"
  },
  "author": "HarrySun",
  "license": "MIT",
  "devDependencies": {
    "babel-cli": "^6.6.4",
    "babel-preset-es2015": "^6.6.0"
  }
}
このうち、scripts中のbuildコマンドとは、src下のフォルダ内のes 6のjsファイルをs 5に変換するjsファイルのことです.
次にnpm installを実行して、babel-cliとbabel-prest-s 2015パッケージをインストールします.
最後に作成します.Babelrcプロファイルは、以下のように命令されます.
echo '{ "presets": ["es2015"] }' > .babelrc
このプロジェクトの例はここをクリックしてください.
ホームページの住所を教えてください.環境によって自分の需要に応じて選んでください.Babel Setup