1、インストールVUEは、Node.jsのをインストールする必要があります。-------- QuguanネットワークインストールのNode.js
NPMは、あなたがnode.js.をインストールする必要がある場合にNPMを使用して、Node.jsの環境を依存しているので、Node.jsのをインストールすると、NPMデフォルトインストールされます。[NPM家庭遅く、cnpm淘宝網の開発を推奨:NPMインストール-g cnpm --registry = https://registry.npm.taobao.org ]
Node.jsのをインストールするには、公式サイトでは、簡単には、最新バージョンをインストールするには、バージョン>は8.0でなければなりません。
2、インストールvue.js ----- NPM VUE [[推奨]の公式文書のVUEをインストール
3、取り付けCLI ----- NPM -g VUE-CLIをインストール
NPM -gの@ VUE / CLIマウントVUE-cli3.0をインストール
cmdがプロジェクトを作成します。
創造VUEプロジェクトの正しい順序は、チェックされていないコードをルーティングインストールしていない、何も入力しないで入力します入力し、入力していない、いや、いや、自分の依存関係をインストールします。
プロジェクトを作成した後、パスは、プロジェクトフォルダのルートを検索します。
NPMインストールします。プロジェクトを実行するために、DEV / NPM開始を実行NPM。
http:// localhost:8080 / オープンブラウザで
VUEプロジェクトを作成vscodeを使用します。
-
vscode下部が開放端を残しました。
-
ルートディレクトリにプロジェクトファイルを見つけます。
-
VUEは、プロジェクト名を作成します。
-
プリセットを選択----------手動選択
?(使用:プリセットを選択してください矢印キー) プリセットを選択 >デフォルト(バベル、eslint)デフォルト(ジャバスクリプトコンパイラ、JavaScriptコードチェックツール)を 手動で選択した機能を選択するために、手動で
5. [バベル、ルーター、CSSプリ - プロセッサ、リンター/フォーマッタ]
?あなたのプロジェクトに必要な機能を確認してください :(プレス<スペース> <i>は選択範囲を反転させるために、aは、すべてを切り替えるには、選択する) :(スペースが所望の機能、すべて選択チェック項目を選択し、I反転) > javascriptのコンパイラ(*)バベル、一部のブラウザではES6コードを認識しないので、ES6を解決するために使用されるコードは[、バベルツールができES6コードをブラウザが認識できるコードに変換される ()スクリプトの活字体の種類には、JavaScriptのスーパーセットでありますすべてのJavaScriptの構文をサポートしています。以下のために:静的な型チェック、スマートプロンプト関数名、リファクタリング[シンボルの名前を変更-すべてのすべての参照を変更することができる、自動的に参照パスを更新、改変較正関数名が求められます。];読みやす。 (プログレッシブWebアプリケーション(PWA)プログレッシブネットワークアプリケーションをサポートしています)。確保[アドバンテージ-ネットワークの状態は、ページがすぐに読み込まPWAすることができたときに、フラッシュ-ページのロードが速く、アプリケーションからダウンロード保管しないでください、ユーザが直接メイン画面に追加することができる、同様のアプリを提供するために使用されます経験は、]流れないことを意味 、スイッチングページはページをリロードする必要がない場合、] [(*)インタラクティブなページを実装するためのルータのルーティングマネージャを制御ページジャンプを単一ページのアプリケーション、ページをリロードせずに、新しいページにジャンプしませんちょうどページ上のコンポーネントを切り替えます。ページ間を通過するパラメータも達成することができる 永続的な問題の異なる構成要素間のデータ共有およびデータを解決することができる()Vuex [大規模なアプリケーションの値を]。アセンブリの複数の同一の状態に依存している場合、または状態がvuexによって、コンポーネント間の共有や簡単なデータ通信を共有する必要がある場合。 (*)CSSプリプロセッサCSSプリプロセッサの効果:[ファイル分割、モジュラ-簡単な階層コード、再利用、依存関係管理は、セレクタは、ネストされたことができ、可変-可変属性値、簡単にスタイル統一された、皮、等;コンピュ-値と値の間のリンクを確立させ、機能、Mixin--同様の機能をいくつかのCSSコードを生成するために、エンジニアリング] (*)リンター/フォーマッタコード仕様規格 ()ユニットテストテストユニット ()E2E試験E2E試験
6.yes [「歴史」、//アドレス#をルーティング削除履歴モード::、モードは、ルーティングアドレスは、ディスプレイの形で「#」ですが、時々、私たちは何のルーティングアドレス「#」は存在しない願っています]
?ルータの履歴モードを使用しますか?(生産のインデックスフォールバックのための適切なサーバーのセットアップが必要です)(Y / N)yの 履歴パターンのルータを使用していますか?(正しいサーバーを設定し、インデックスのフォールバックを生成する必要があり、そのサーバーがサポートする必要があります)
7.
(PostCSS CSSプリプロセッサを選択 (使用矢印キー):、AutoprefixerとCSSモジュールはデフォルトでサポートされています) (デフォルトサポートのpostcss、autoprefixerモジュールおよびCSS)プリプロセッサのCSSを選択するために dart-で(サス/ SCSSに>サス) ノードサスとサス/ SCSS() が少ない スタイラス
唯一[基本]エラー防止と8.ESLint;のみエラー防止機能がESLint JSコード点検ツールで含みます
?:リンター/フォーマッタの設定ピック (使用の矢印キーを) 構成を選択する > ESLintエラー防止を持つ唯一の唯一のエラー防止機能をeslint ESLint + Airbnb設定 ESLint +標準設定 ESLint +きれいeslintコードの仕様とエラーチェックツールです。
保存上の9.Lint; [これはかなり理解していません
?(押して<スペース>を選択するために、すべてを切り替える<A>、<i>は選択を反転させる)选择其他绒布功能:追加の糸くずの機能を選んで 保存上>(*)リント ()リントと(Gitリポジトリが必要です)コミットの修正
これはかなり理解していない[; 10.In独自のファイルに保存された設定ファイルを専用の
?あなたはのための設定を置くことを好むんどこバベル、PostCSS、ESLintなど?(利用矢印キー) あなたはバベル、postcss、eslintおよびその他の構成配置する 専用の設定ファイルに専用の設定ファイルで>を package.jsonで
11.no;
?将来のプロジェクトのためのプリセットとしてこれを保存しますか?(Y / N)プリセット将来のプロジェクトのために、この設定を保存するかどうか
-
-
スタートアップ項目:NPMの実行がサーブ
-
-