VUE CLI3.Xは、プロジェクトを作成します

Node.jsの環境が構築します

  • ブラウザはJSコードを使い果たすことができますのNode.jsベースのV8エンジン

  • VueのCLI3.0は、Node.jsの8.9以降が必要です。

    nvmnvm-windows、同じコンピュータ上で複数のノードのバージョンを管理

  • NVMのgithubの住所:https://github.com/nvm-sh/nvm


VueのCLI構築する3.0環境

  • 古いバージョンのVUE-CLIをアンインストールします。npm uninstall vue-cli -g
  • 新しいバージョンをインストールします。npm install -g @vue/cli
  • プロトタイピング:npm install -g @vue/cli-service-global
  • プロジェクトを作成します。vue create hello-world
  • グラフィカルなインターフェイスを使用します。vue ui

プロジェクトを作成します。

  • 足場の使用は、新規プロジェクトを作成し、秒を選択し、手動で作成します

    my-default:私は良いテンプレートを保存していました。

    default:デフォルトの設定を使用します

    Manually select features:カスタム構成

  • 所望の機能を選択し、矢印キーを移動するには、スペースを選択してキャンセルされ、Aはすべての選択です。選択が完了したら、次のステップは、入力します

    Babel:ES6はES5を回します

    TypeScript:活字体を使用したソースコードを書きます

    Progressive Web App (PWA) Support:プログレッシブWebアプリケーション

    Router:ルーティング

    Vuex:状態

    CSS Pre-processors:CSSの前処理

    Linter/Formatter:フォーマットコードとスタイルチェッカー

    Unit Testing:ユニットテスト。

    E2E Testing:E2Eテスト

  • ルーティング・モード、それがハッシュモードを使用しています。入力nは、Enterキーを押します

  • 選択構文仕様の設定を検出し、それが一般的にすることができ、標準として使用され、

  • 構文検出方法私はテストに保存することにしました。

    Lint on save:保存チェック

    Lint and fix on commit:検査を提出

  • ここでバベル、postcssを尋ね、これらの設定ファイルを格納する方法eslint。我々は最初のものを選びました。

    In dedicated config files: 单独的文件
    In package.json:存放一个文件中(package.json),第一步中的默认模式选这个

  • 是否把这一次的选择作为预设,下次可以直接使用这套配置。键入N不记录,如果键入Y需要输入保存名字。

  • 确定后,等待下载依赖模块。

  • 项目创建完成以后,根据提示输入命令

    cd project-name // 进入项目根目录
    run serve // 运行项目

おすすめ

転載: www.cnblogs.com/tudou1179006580/p/11100112.html