VUE-CLIのconfigureプロジェクト環境VUEノート

長い時間のためのノートブックは、ノード、この構成環境の結果、でも紆余曲折を更新しませんでした

ノード、NPMのバージョンがあまりにも長い間、WebPACKのにつながる、VUE-cliのインストールが失敗します

  • 回避策:Updateは、Node.jsの
  • NPMコマンドを更新します。npm intall -g npm

そして、順風満帆の時、インストールのWebPACKがあります:

  • コマンド:npm intall webpack -g

取り付けVUE-CLIを足場

  • npm install --global vue-cli
  • インストールが完了すると、vue -Vあなたは見ることができますvueバージョン(Vの大文字を)

    VUE VUE-cliの建築プロジェクトを使用して新規フォルダテスト、

  • ファイル名を指定して実行vue init webpack test
    、次のように続いて、一連の操作を要求されます。

  1. プロジェクト名lnews
  2. プロジェクトの説明A Vue.jsプロジェクト
  3. 【著者ディアンは夜明け喜んで見[email protected]
  4. Vueのビルドスタンドアロン
  5. VUE-ルータをインストールしますか?はい
  6. あなたのコードをlintのESLintを使用しますか?はい?ESLintプリセット標準を選ん
  7. セットアップユニットテストはい
  8. テストランナーがあるピック
  9. ナイトウォッチでセットアップE2Eテスト?はい
  10. 我々は実行する必要がありnpm install、プロジェクトが作成された後、あなたのために?(推奨)NPM

最後に、長い待ち時間の後、インストールは完了です。

示されているように、cd Lnewsプロジェクトフォルダに、npm run devプロジェクトを実行します

ブラウザに入力します。localhostは:8080の結果を見て

終わり

おすすめ

転載: www.cnblogs.com/famine/p/11892769.html