vue.js足場@ VUE / CLI設定をインストールするには、どのように教え

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を()を作成したい場合は、(いずれかを選択)、それが自動的に作成されます
    ここに画像を挿入説明
公開された63元の記事 ウォンの賞賛6 ビュー1218

おすすめ

転載: blog.csdn.net/qq_44163269/article/details/105127807
おすすめ