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
糸は、より速く、より効率的な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のビジュアル制作プロジェクトプロセス:
プロジェクトを作成します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