1. ダウンロード
NPMインストール@ VUE / CLI -g
或
cnpmインストール@ VUE / CLI -g
- インストールするには、どのフォルダにcmdと実行は、問題ではない、あなたはグローバルにインストールしたいので、
- それがどこにインストールされているあなたは、NPMをインストールします
ダウンロードが完了しているかどうか確認してください:
vue -V
2. (プロジェクト・アーキテクチャの作成)設定を開始
作成1.:
プロジェクトの名前を作成VUE(プロジェクトが資金を許可していません)
- どこに、cmdを実行するには、そのフォルダにそれにあなたのプロジェクトを入れてください
- 例:C:\ Users \ユーザー管理\デスクトップ\ VUE> VUEを作成
表示される次のインタフェースを実行した後:
デフォルト(バベル、eslint) - >デフォルトのインストール(バベルとeslint)
- バベルはES6ターンES5のツールです。
- eslintは標準化されたコードを、一般的な協力プロジェクトのための統一コード仕様です
SELECT手動機能 >手動インストール-
- 自分のニーズによると、(私がインストールしたいかを決定するために)をインストールするには
- 一般的に手動でインストールすることを選択します
2.手動インストール:
第2キャリッジリターンを選択して、このインターフェイスを入力します。
- アップ切り替え矢印ダウンすることができます
- スペースは、選択または選択解除することができます
( ) Babel es6-->es5
( ) TypeScript ts语言
( ) Progressive Web App (PWA) Support 渐进式的webApp. https>原生
( ) Router 路由器
( ) Vuex 数据集中管理工具
( ) CSS Pre-processors --》 sass less -->项目
( ) Linter / Formatter --》代码规范
( ) Unit Testing --》单元测试
( ) E2E Testing --》端对端的测试。
自分のニーズに応じてインストールするかを選択します
3.あなたはどのような位置に配置されているバベルの構成ファイルにしたいです
入力を選択する前の段階の完了後、次の画面のように入力します。
あなたはバベルのための設定を置くところを好むん (使用して矢印キーを)など?、ESLint、
あなたはバベルの設定ファイルがどのような位置に配置されている必要⬆⬆
専用の設定は、内のファイル
package.jsonで------ 私はこれを選びました
4.ちょうど設定情報を保存しています。(コンテンツの設定)
将来のプロジェクトのプリセットとして、この保存 ?(Y / N)
以前の設定情報を保存するかどうか。(コンテンツの設定)
保存yが、それはあなたの名前を伝えます
- 私はそれを1と呼ばれる名前を与え、入力し、(コンピュータのプロセスが動けなくなる場合があります)インストールを開始します
5.インストール
- インストールが完了したら、これらの2つの青色の先端の最低があるだろう
- CD 1は、プロジェクトに入力することです
- プロジェクトを実行しているNPMの実行サーバー
- 同時に、あなたはあなたの好みのファイルフォルダ内の一つの項目が表示されます
- node_modulesフォルダを持つプロジェクトが、このパッケージは、足場に依存しています
3.フォローアップ治療
その後、再び、あなたが、その後、インストールしたい場合
あなたは、あなただけの内側に作成されたアイテムを見つけます
- あなたが同じプロジェクトと1を()を作成したい場合は、(いずれかを選択)、それが自動的に作成されます