ES6環境(A)と

インストール、ノード(NodeJS、Node.jsの):
1は、ダウンロード
公式サイトのダウンロード:https://nodejs.org/en/

2、取り付け
、Linuxの
最初のインストールパッケージやエキスをし、その後に環境変数を設定します
B、ウィンドウは
デフォルトのインストール手順に従ってください

:インストールが成功したかどうかを確認
A、アプリケーションビューに[スタート]メニューをクリックして
正常にインストールされてインストールバージョンを表示することができ、Bのコマンドノード-vまたはノード--versionを使用して、コマンドウィンドウを開くためにcmdを
    
、3の基本的な使用
実行をJSファイルのコード:
ノードのファイル名またはパスがファイルを実行する必要がある[ ファイル、JSファイルされている ]

第二に、NPMパッケージ管理ツールのインストール
1、NPMは、ローカル・ノードと一緒にインストールされます。あなたは、NPMを更新するには、次のコマンドを使用することができます

    $標高がインストール標高最新@ gを

2、インストール淘宝網ミラー
海外デフォルトのNPMの倉庫なぜなら、あなたがダウンロード速度を加速するために淘宝網のミラーを使用することができ、ダウンロードすることは非常に遅いです。

    $標高インストール -g cnpm --registry = HTTPS:// registry.npm.taobao.org

レジストリレジストリ
公式ます。https://registry.npmjs.org
淘宝網ます。https://registry.npm.taobao.org
プライベート:HTTP:// localIP:ポート

3、変更するためのNPMの許可
ウィンドウの場合には、NPMの実行時間を権限の欠如:
オープンアドミニストレータを使用して、コマンドウィンドウのcmd実行し

、それが十分な権限でlinuxのNPMケースの実装に来たとき、bは:

    $ WHOAMI   [現在のユーザー] 
    $ NPM設定GET接頭辞[構成パラメータを得ることは、関連するグローバルディレクトリ、グローバルインストールすなわち、ルートが場合プレフィックスprefixパラメータが共通のパスを指定する値] 
    $ 須藤 のchown -R&LT $(WHOAMI)$(NPM設定を)/ {libに/ node_modulesプレフィックスを取得し 、ビン、シェア}


第三に、ローカルNPMリポジトリ(sinopia)構築
1.インストールを

    $ NPM インストール -g sinopiaを

2. [設定

    $ NPM設定レジストリのhttp:// localhostを:4873 /

3.ユーザーを追加します。

    $ NPMのadduser --registry ます。http:// localhostを:4873 /

4.モジュールを公開

    $のNPM公開<モジュール>

5. [スタート]

    $ sinopias


コードES5 ES6コードに変換する第四に、使用バベルツール
1を、インストールcnpm

    $標高インストール -g cnpm --registry = HTTPS:// registry.npm.taobao.org

2、バベルのツール使用
⑴を、グローバルインストールツールのバベル

    $ cnpm インストール -g babel- CLI 
    $バベル --version

⑵、部分的な変換ルールのインストールパッケージは、(一般的に取り付けられました

    $ cnpmはインストールバベル-PRESET- 最新
    の$ cnpmをインストールバベル-PRESET- es2015の
    $のcnpmをインストールバベル-PRESET- ENVを

⑶、バベルの設定ファイルを作成し
    .babelrcの下でプロジェクトのルートディレクトリにファイルを作成します

    {
         'プリセット':[ '最新' ] 
    }

⑷、a.js ES6コードファイルを作成し
、⑸変換

    バベルa.js        

3、バベルコマンド
例:
  出力バベルは、端末にファイル名を変換
  バベル1 --outファイル名のファイル名[2 ファイル名1 ES6 ES5コード及びコードが2にファイル名入力に変換されなしファイルが自動的に作成される)]
EG:
  バベル-1-a.js --outファイルDIST / 2-a.js [ 変換ディレクトリとファイルが既に存在している必要があります、または指定したパスで指定したファイルにコピーすることはできません ]
  バベルのディレクトリ名1 --out-dirの[ディレクトリ名2 1 ES5コードのディレクトリ名内のすべてのファイルを変換し、ディレクトリ名2入力しますディレクトリが自動的に作成されません)]

注:バベルツールは、構文レベル転送
        バベル-ポリフィルクッションを錠剤、ES6はコードES5変換する新機能の新機能

V.のアップグレードプロジェクト
希望の項目に依存package.jsonファイルを作成するためには、自動的にファイルに配置された
プロジェクトの実施の下でコマンド速いプロジェクトを初期化 ]

    -Y CNPMのinit $         // 迅速package.jsonファイル生成 
    $ CNPMをINIT         // 設定ファイルにデフォルトで追加いくつかの情報を入力することができpackage.jsonファイルのプロセスを生成します


package.jsonファイルが[プロジェクトに関連する情報が記録されている修飾を追加するには、次のコマンドを使用して、コンフィギュレーション・ファイルに依存しインストールするとき、関連する追加 ]
[、依存性依存性生成物相を】依存関係を追加するには、次のコマンドを使用し

    $ cnpm インストール --saveバベル-CLIを

ファイルの依存関係のpackage.jsonに情報に置かリライアンス

    依存関係:{ 
        バベル -cli:'' 
    }


B、devDependencies [ 依存プロジェクトの開発段階のニーズ ]依存関係を追加するには、次のコマンドを使用します。

    $ cnpm インストール --save-devのバベル-CLIを

ファイルpackage.json情報devDependencies上に置かれリライアンス

    devDependencies:{ 
        バベル -cli:'' 
    }


1、ファイルを作成する[package.jsonはすぐにプロジェクトを開始します ]

    $ cnpm INIT -y    

プロジェクトが依存する2.ダウンロード[ 指定されたコマンドは、必要な依存関係は、依存ステージ追加します ]

    $ cnpm インストール --save-devのバベル-CLIのバベル・プリセット・最新の

    若しくは

    $ cnpmはインストール --save-devのbabel- CLI 
    $ cnpm インストール --save-devのバベル・プリセット・最新

3、バベルプロファイルの作成
新しい.babelrc下のファイルのプロジェクトのルートディレクトリ

    {
         ' プリセット':[ ' 最新' ] 
    } 

4、新しい指示情報
ファイルpackage.jsonのスクリプトに情報を追加します

    " スクリプト" :{ 
        ... 
        " スタート"" バベルSRC --out-dirのDIST " " DEV "" NPMの実行開始" 
    }  

図5に示すように、その中にファイルを作成するためのコードの下に、srcフォルダを作成ES6を書き込み、書き込み

6、ES6トランスコーディングは、コードES5後にコードのdistディレクトリに加えて、[以下の6つの命令変換缶を実行するがステップ4とを設けました追加コマンド情報)]

    $バベルSRC --out- DIR distの
    $ cnpm実行開始
    $ cnpm実行DEV 
    $のNPMの実行開始
    の$ NPM実行DEV 
    $のNPM開始を


プロジェクトの利点は、アップグレードする:
1、package.jsonファイルの情報を読み込むことができます[するために必要な依存関係のパッケージを投影して、プロジェクトを開始する方法 ]
2は、何node_modulesは、プロジェクトを取得していない、最初のオープンビューpackage.jsonが依存している
プロジェクトのルートディレクトリ上に[次のコマンドを使用し、すべてが=>サードパーティのパッケージを依存プロジェクトをダウンロードします ]

    $ cnpm インストール



おすすめ

転載: www.cnblogs.com/nzcblogs/p/11348777.html