取り付けVUE-CLI3を足場

参考記事リンク   https://www.cnblogs.com/Jmosquito/p/11328288.html

 

1.vueあなたがダウンロードしてのNode.jsをインストールし、Node.jsのNode.jsのダウンロードに公式サイトに行くことができますする必要があるので、ニーズのNode.jsのサポートを足場  https://nodejs.org/zh-cn/を  、あなたは、個々のニーズに応じたバージョンをダウンロードすることができますほとんどのユーザーに推奨(LTS)

2.インストールは非常に簡単で、少しの文字列は、次の点を逃げる、インストールパスは、あなた自身の好みの愛を合わせて

ビューのバージョンのインストールをcmdをインストールした後、3が完全勝利+ R入力です

 サードパーティ製のパッケージをインストールする際に考慮することが遅すぎる4.npm NPMコンフィグ設定レジストリ=のhttp://registry.npm.taobao.org/

CNPM CNMPインストールNPMインストールすることをお勧めもオンラインも参照してください。  -g  --registry = HTTPS / /レジストリ.npm .taobao .ORG、それは彼らの個人的な好みに応じて、高い成功率の第二の設置、第二は、NPMを交換することですcnpm使用

 

 

 

VUE-CLIは、コマンドプロンプトウィンドウを実行するための5グローバルインストール:NPMインストール-g @ VUE / CLIまたは第二cnpmインストール-g @ VUE / CLI

 

 

 

 

 

 ここでは祝福し、あなたは成功をインストール

6 VUE -Vビューバージョン  

 

 

 

 

 7は現在、プロジェクトを足場によって作成、私はあなたが個人的な好みに基づいて位置を保存することができますEディスクテストフォルダの下に作成したプロジェクトを入れて、最初のDOSコマンドでフォルダを見つけ

 

 

 

 

 

8その後myvueは、プロジェクトの名前を入力して作成VUE、プロジェクトを作成するプロジェクトmyvueを作成することで、あなたは質疑応答のシリーズは、入力された後、プロジェクト名をカスタマイズし、でき、デフォルトはデフォルトの設定があり、次のように手動で私は2番目を選択した構成を選択することで、ダウン選択した矢印(アップスイッチおよび下向きの矢印)を入力します

 

 

 

 

 9バベル:この変換ES6の構文は一時的に、ルータ管理ルーティングも選出され、関与vuex状態管理や、自分の使用を参照してくださいする必要があり、CSS事前スタイルのプリプロセッサも、この、リンター/フォーマッタを追加しないで活字体、である必要があります一般的に使用されていない均一なコードのスタイル、最後の二つは最後までユニットテストとテスト終了しています、

 

 

 

 歴史的なパターンを使用して、ルートでください:そして、10クイズに来ましたの?ハッシュルーティングモードがモード履歴(ヒストリー)モード抽象パターンに分かれているハッシュモデルの3種類の最も明白な特徴は、#での意志であり、上の履歴URL 履歴パターンと同じURLアドレスが普通のようにアクセスし、ここで私は[はい]を選択し、

    次は10.1 CSSを選択プリプロセッサ私はSASS / scsssを選びました

  10.2は正しい文法、スタイルの制服を確保するためにどの自動検出コードのフォーマット、コード内の潜在的な問題を検出することができます(構文チェックツール)、書き込みコードを選択します。

エラー防止とESLintは唯一「これではJavaScriptのコーディング標準を最も合理的である」、ESLint + Airbnb設定ユニコーンのAirbnbは、誰かがコメント(エラーのみを検出する)それは、JSのほぼすべての側面をカバー

ESLint +標準設定standardjs jsが強力な符号化規格ではありません、自動訂正符号リンター来て、何の自動書式コード、コーディング早期規制の問題と低エラーを見つけることができます

ESLint +きれいにきれいに私はESLint +標準の設定を選択したチーム全体のコーディングスタイルを統一することができ、コードの書式設定ツールなど

   保存リント(検出に保存)し、コミットのFEXにモードリントをチェック10.3 select構文を私は保存上のリントを選択しました(gitのユーザーが時を検出するためにファイルを提出します)  

   10.4は、これらのプロファイルは何を入れてeslint、postcssをおバベル依頼するのですか?//私は、専用の設定ファイルで選択した(package.json年に)package.json内の専用の設定ファイル(専用の設定ファイルで別々に管理されている)で

   将来のプロジェクトのために事前に設定され、これらを保存するかどうかを10.5?yを選択した場合は、//その後、次のプロジェクトには、設定した後に表示されます。このオプションを構築することです。私は、nを選びました

 

 11インストールが正常に完了

 

 

 

 

 

 プロジェクトのディレクトリ構造

 

おすすめ

転載: www.cnblogs.com/lmx217/p/12509956.html