ビルド遠位開発環境(Vueの+要素)

1.Visual Studioのコード

ダウンロード:https://code.visualstudio.com/

もっとVSコードチュートリアルでは、以下の情報を参照することができます:

ドキュメントの公式サイト:https://code.visualstudio.com/docs

ジェーンの本チュートリアルします。https://www.jianshu.com/p/990b19834896

2.Node JS

インストールNodeJS:http://nodejs.cn/download/

バージョンが表示され、変数、オープンCMDコマンドラインは、NPM -vと入力し、システム環境これにノードを追加すると、成功しています。

あなたがNPMの古いバージョンをインストールした場合、簡単にNPMコマンドを使用してアップグレードすることができます。

#Linuxシステムコマンド
のインストールNPM NPMはsudo - G 
コマンド#Windowsシステム
NPMがインストールNPM - G

詳細については、NodeJSのチュートリアルを参照することができます:

中国の公式ウェブサイト:http://nodejs.cn/api/

初心者教室:https://www.runoob.com/nodejs/nodejs-tutorial.html

3.淘宝網ミラー

淘宝網のインストールイメージは、インストールが成功し、代替のNPM cnpmで注文することができます。

NPMインストール-g cnpm --registry = HTTPS:// registry.npm.taobao.org
4.インストールの糸

糸は、より速く、より効率的なNPMよりもFacebookのポストNode.jsのパッケージマネージャである、あなたは糸の代替NPMを使用することができます。

NPM私の糸-g -verbose

淘宝網ミラーリング構成:

糸コンフィグセットレジストリのhttps:// registry.npm.taobao.org

ノード-SASSのバイナリイメージの設定パケットアドレス:

糸コンフィグセット sass_binary_siteます。http:// cdn.npm.taobao.org/dist/node-sass -g

糸の特定の使用を参照してください。https://blog.csdn.net/idomyway/article/details/88411836

プロ試験は無効であるコマンド-devそこ糸は、-dに変更する必要があります。

5.インストールのWebPACK

インストールパッケージングツールはWebPACKの:

NPMインストールWebPACKの-g
もっと

WebPACKのチュートリアルでは、以下の情報を参照することができます:

初心者教室:http://www.runoob.com/w2cnote/webpack-tutorial.html

あなたはグローバル入力をインストールした後のWebPACK -v直接CMDで、WebPACKのバージョンを確認してください。

6.インストールVUE-CLI

Vueの足場インストールプロジェクトの初期化ツールVUE-CLI:

NPMインストールVUE-CLI -g

VUE-CLIのビジュアル制作プロジェクトプロセス:

:を参照してくださいhttps://www.baidu.com/link?url=foYJ1HnXI3NEBItAIg51_RGMRD6vzZRNqndSmtiJielN68ghlHjYBM1KmYAk0Oxs9bOlcLZjVAbKMlouuUAndK&wd=&eqid=af9268890003796a000000055e73175d

プロジェクトを作成します7.

環境が設定されている私たちが今VUE-CLIを使用してプロジェクトを生成し、完了です。

VUEのinit WebPACKのプロジェクト名

これらのヒントを使用してインストール・プロセス:

VUE-ルータをインストールしますか?yの
あなたのコードをlintの使用ESLint(Y / N)
設定ユニットテスト(Yアップ / N)
夜警とセットアップE2Eテスト(Y / N)

詳細ESLintはVueの中で使用さ:リファレンス:https://blog.csdn.net/IT_HLM/article/details/78776630

:使用、参照してnightwacthセットアップE2Eテストhttps://blog.csdn.net/fangfangtulk/article/details/89290074

依存関係をインストール8.

プロジェクト自体のルートディレクトリにインストールされる依存関係、プロジェクトディレクトリにそのCDをインストールします。

9.スタートランニング

NPM実行DEV

おすすめ

転載: www.cnblogs.com/xc-xinxue/p/12524394.html