まず、@のVUE / CLIをインストール
3.xのにアップデートした後、VUE-cliのパッケージ名はVUE-CLIからの@ VUE / CLIに変更しました
以前にグローバルVUE-CLI(1.xまたは2.xの)の古いバージョンをインストールしている場合は、まず次のコマンドを使用してアンインストールする必要があります
// それはVUE-CLIのバージョンがインストールされていない場合は、インストール・アンインストールする直接スキップすることができ 、NPMのアンインストールVUE-CLIを-g
@ Vueが続い/ CLIの新バージョンを再インストール
NPM -gの@ VUE / CLIをインストール
インストールが完了したら、あなたは(これは資本Vである)VUE -Vを使用して、バージョン番号を確認することができます
第二に、プロジェクトを作成します
VUEは、プロジェクト名を作成します
ここでのプロジェクト名は、自己定義されたプロジェクトの名前で、コマンドが実行された後、それが対応するフォルダが生成されます。
第三に、引数は詳細な
選択する設定項目が多いときcreateコマンドを使用してプロジェクトを作成します。
モジュールを選択するためにまず必要
最初は私が持っていた前に設定することです
第二は、デフォルトのオプションです
第三は、彼らのニーズに応じて選択することです
ここでは、三分の一を選択します。
選択するには、スペースバーを押して、次のステップを入力します。
これは、モデルをルーティングする必要があり、yは履歴モード、nはハッシュモード、通常モードの履歴項目です
第2は、選択された場合、プリコンパイルされた適切なツールCSSを選択
選択検査は、各ウィジェットESLint、時間のフォーマット、および構成アイテムをルールと、ここで標準ESLint +標準設定を選択してください
時間チェックを保存するときに、ここでデフォルトのオプションまず、チェックを選択します
プロファイルは、別々に保存されたか、package.jsonを書かれ、ここで最初のものを選択し、単独の保存
私たちはその構成を見るために始めた後に前のプロジェクトでのためにそれらを保存するかどうかは、ここでNを入力します。
後、インストールを開始し終えました。。。
プロジェクトが構築されたら、あなたは直接プロジェクトを立ち上げることができます。
四、vue.config.js
上記の手順が完了した後、ここでは、手動での公式ウェブサイトを参照することができvue.config.js ,,設定文書を作成する必要性に、この時間を、あなたはVUEのプロジェクトを開発することができ、時にはカスタマイズされた開発のための需要を満たすために方法はありません見つけるためにオンライン掲載へ
// vue.config.jsの module.exportsは= { baseUrlに: '/' 、 outputDirの: 'DIST'、// パッケージディレクトリの lintOnSave:trueに、// 形式のチェック節約 productionSourceMapを:falseに、// 生産環境がありますSourceMapの生成 {:devserver 開く:trueに、// サービスを開始するためにブラウザを開くかどうかを ホスト: '0.0.0.0'を、 ポート: 8088、// サービスポート HTTPS:偽、 hotOnly:偽、 プロキシ:ヌルを、// プロキシを設定 する前に:アプリ=> {} } }
vue.config.js高速なハードウェア構成項目の多くは、あなたがオンデマンド公式ドキュメントを見ることができますがあります
第五に、環境変数
時々、私たちは、プロジェクトのいくつかのモデルがあります:
開発モデル:開発、テストモードテスト、生産モデルの生産
開発は、環境変数に基づいて、これら三つの開発モデルを区別するために、通常NODE_ENVです
その後の分析
3.xのプロジェクトは記述する必要があり、ルートディレクトリの下に.envが付いたファイルを作成しないでください
そして、対応するキーと値のペア内のファイルを追加します(のみVUE_APP_効果を使用し始め、注意することはここに命名)
その後、package.jsonに対応するモードコマンドスクリプトを追加しました。
// bulidは、デフォルトのモードを持っていますが、コンフィギュレーションモードの表示項目を表示した方がよい、サーブ