Vueの導入と足場設置のチュートリアル・ディレクトリの使用

上記のノードでのインストール全体でのチュートリアルでは、あなたが使用していない場合は、前のチュートリアルを確認することができます。

VUEは、ちょうど最近第四世代のバージョンをリリースしているので、この時間は、我々は、バージョン3のバンドを使用している、非常に安定していません

1.足場VUEプロジェクトをインストールします。

ターミナル> cnpm I @ VUE / CLI @ 3 -g //第三世代のバージョンのインストール

インストールが完了したら

 > Vueが新しいフォルダ名がmyappにある作成// myappのを作成します

以下では、詳細な説明を見ることができ、インストール手順、です。あなたが理解していない場合は、メッセージを残すことができます

*選択--- typesctiptは投票しない以外のものVUEの項目を選択し、残りはスペースによって選出されている
Y-の歴史に適用*選択してモデルを
*スタイルファイルサス/ SCSSを選択します(ノードサス付き)
*検証ルールのコードESLint +標準設定
*テストコード形式保存する保存にリント
*テストモード+チャイモカ
操作サイプレスの*モード(クロムのみ)
*において、プロファイルpackage.json
*プリセットファイルyを保存するかどうか(直接開始後予め設定されたファイルを選択し、その後の自動選択を必要としません)

インストールは、より良いネットワーク環境が必要です。そうすることで遅くなることがあります

 

2.プロジェクト構造の足場を確認

-node-モジュールの依存ファイル
ページ、画像、小さなアイコン含む-public基本的な文書
、プロジェクトのホーム-src 
-testsテスト
.editorconfigプロファイルエディタの
.gitignoreのGitはファイルを無視
babel.config.jsバベルプロファイル
cypress.jsonプラグイン
パッケージを。 JSONのプロフィール

 

3.srcディレクトリ構造

-assets静的リソースファイル
-componentsカスタムコンポーネント
ファイルのルーティング-router 
-store状態マネージャ
-viewsページは㢟 
App.vueポータルページの構造は、
エントリ・ファイルをmain.js

 

これらは、インストールして足場のVUEの導入は簡単です。疑いで、あなたはメッセージを残すことができた場合

 

おすすめ

転載: www.cnblogs.com/goodboyzjm/p/11737952.html