Vueの - プロジェクトを作成するには、Vueの-CLI

前戯

我々はパッケージ化されWebPACKの使用時前に、コンフィギュレーションは、私たち自身の手書きですwebpack.config.js。Vueの-CLIは、公式によって提供され、ビルド足場ツールを使用したプロジェクトは、それが標準的なツールvue.js開発され、それはWebPACKの統合された、それはVUEの開発プロジェクトを使用するときに、より私たちを作り、良い一般的な設定の多くを建て標準化。

公式文書ます。https：//cli.vuejs.org/zh/

インストール

Vueの-CLIの必要性は、以上の8.9バージョンをNode.jsの

グローバルは、Vueの-CLIをインストール

NPMインストール-g @ VUE / CLI

インストールが成功した後、あなたは、このような現在インストールされているバージョンを表示するように、コマンドラインコマンドVUEを使用することができます。

VUE - バージョン
 ＃またはV大文字 
VUE -V

もし上記を行った後、コマンドラインプロンプト「VUE」ではない、内部または外部コマンド

解決策：設定の環境変数

1.レビューグローバルNMPルートのインストールディレクトリ-g
2.マイコンピュータは、グローバルインストールディレクトリに、vue.cmdを見つけます
3.右コンピュータ、[プロパティ] - > [システムの詳細設定 - 「パスは、環境変数を追加vue.cmd環境変数をクリックし、」OK」を

Vueの-CLIを使用してプロジェクトを作成します。

実行、新しいプロジェクトを作成するコマンドを作成VUEの実装では、ディレクトリ内に生成されるディレクトリで

プロジェクト名を作成するVUE

実行ができるようになる後には、最初の項目がデフォルトで選択し、第二は、カスタムプロジェクトです

デフォルトのプロジェクトを作成します。

デフォルト（デフォルト）または手動（手動）を選択するように求められます、デフォルトの設定では、新しいプロジェクトを作成するための迅速なプロトタイピングに最適です、そして手動申し出より多くのオプションを設定します。

ここではデフォルトを選択し、時間が比較的長く、かつので渡すことができる（行下に進むことENTERまで待つプロンプトが表示された場合）。

最後の2つのコマンドをインストールした後

どちらのコマンドを実行します

あなたが成功したプロジェクトを開始するには、次のページを見ることができれば、上記のアドレスを実行するアクセス

カスタムプロジェクトを作成します。

在 E:\vue\npm-demo 目录下打开命令行窗口，输入以下命令进行新建项目，项目名是 vue-cli-demo2

vue create vue-cli-demo2

选择 Manually select features 手动选择自定义配置进行创建项目

如下图，根据项目需求, 选择哪些配置选项

注意：按空格键是选中或取消， a 键是全选，i是反选

/*
Bable, （常用）解决兼容性问题,支持 ES6 的代码转译成浏览器能识别的代码
TypeScript, 是一种给 JavaScript 添加特性的语言扩展,增加了很多功能,微软开发的
Progressive Web App (PWA) Support, 渐进式的Web应用程序支持
Router, （常用）是 vue-router 路由。
Vuex, 是Vue.js应用程序的状态管理模式+库 （常用）。
CSS Pre-processors, （常用）支持 CSS 预处理器, Sass/Less预处理器。
Linter / Formatter, （常用）支持代码风格检查和格式化。
Unit Testing, 支持单元测试。
E2E Testing, 支持 E2E 测试。
*/

选择后按回车键, 会提示: 是否使用 history 模式的路由, 按回车即可