ES 6学習--環境づくり
3562 ワード
ECMAScript 6(以下、ES 6という)はJavaScript言語の次世代規格で、2015年6月に正式に発表されました.JavaScript言語は複雑な大規模なアプリケーションを作成し、企業レベルの開発言語になることを目標としています.
ES 6を学ぶ前に、まず各ブラウザの最新バージョンのES 6に対するサポートを見てみます.ここをクリックしてください.
私たちは以下のいくつかの環境を使ってES 6を学ぶことができます.
最新バージョンのChromeまたはChromiumを使用します.
Ubuntuで最新のChromiumにアップグレードするには、次のような命令が必要です.
そして、あなたはChromiumのコンサートでES 6を使うことができます.
Node.jsを使う
Nodeの最新バージョン、または最新の安定バージョンに更新することを提案します.このようにNodeはES 6に対するサポートが多いかもしれません.
アップグレードNodeはnvmやnなどのバージョン管理ツールを使用することができます.
私が使っているのはnです.コマンド入力:
以下のコマンドを使用して、現在のバージョンのNodeのES 6へのサポートを確認できます.
Babelは、広く使われているES 6トランスコーダであり、ES 6コードをES 5コードに変換して、既存の環境で実行することができる.これはES 6でプログラムを作成することができますし、既存の環境がサポートされているかどうかを心配する必要はありません.
Babelの取り付け方法を簡単に例を挙げます.一つのtestプロジェクトを例にします.
先にtestフォルダを作成し、そのフォルダの下でnpm initを実行し、package.jsonファイルを初期化して、次のように修正します.
次にnpm installを実行して、babel-cliとbabel-prest-s 2015パッケージをインストールします.
最後に作成します.Babelrcプロファイルは、以下のように命令されます.
ホームページの住所を教えてください.環境によって自分の需要に応じて選んでください.Babel Setup
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