ヴュー()VUE-cliを素早く構築プロジェクト

A:基本的な構成環境

  (1)最初のノード(https://nodejs.org/zh-cn/download/)をダウンロードしなければなりません。

  (2)端末タイプを開きます。

    ノード- バージョン
    NPM --version

 

  ディスプレイ公報にこの数が既にOKインストールされている場合(3)。

       

  

  (4)が搭載足場(VUE-CLI)

    NPMインストール@ VUE / CLI -g //グローバルインストールし、最新の足場

 

2:プロジェクトをビルドします

  (1)発電プロジェクトディレクトリ

    VUEは(一見大文字を含めることはできません)プロジェクト名を作成します。

   

  (2)手動設定するか、デフォルト設定を選択

      デフォルトデフォルトの設定

      手動で選択する機能を手動設定

  

  我々は、手動での設定を選択(3)は、ここに私の選択であります

    

  

  それは我々がちょうどコンフィギュレーションを選択して、使用していない履歴モードに私たちを求めているものを調べてみましょう(4)は、実際には、それが私たちのページは#でルーティングを含んでいないで、ここではYを選択してください

    

  

  (5)を選択CSSプリプロセッサ、ここでは少ないが、実際には、ほとんどの選挙は、あなたが選挙を使用することになり何をするか、それはまた、直接ネイティブの憎悪とではありません選択しました。

    

  

  (6)、ESLintコード検証ルールを選択し、我々はESLint +きれいを選択する手段を、検知JavaScriptコードのプラグを提供します。

    

   

  ここで、我々は最初、安定を選ぶ修正をコミットするか、チェックをコミットする時にチェックし、糸くずや修正を保存します上のとき、コードの検証を選択する(7)、リント、。

    

  

  それが私たちの設定ファイルを保存する選択肢がある(8)これまで、package.jsonに保存されているpackage.jsonでは、別のファイルに保存されている専用の設定ファイルでは、我々はpackage.jsonに選択した場所。

    

  

  私達は私達の設定を下に保存したい場合は、プロジェクトがされた後、我々は、求められている(9)。ここでは、それは常に手動で設定するには時間がかかることはありませんが、選択することはできません。

    

  

  (10)到这里傻瓜式搭建项目就结束了,通过8080端口就可以访问了;有时间还是建议去看看vue-cli脚手架的源码,研究一下实现原理;

    

おすすめ

転載: www.cnblogs.com/blcorder/p/12015715.html