最初のステップは、ダウンロードしてインストールをNode.jsの。ダウンロード：https://nodejs.org/en/download/。次のダウンロード直接連続の.msi形式こと。インストールが完了したら、ノード-vとNPMの-vでバージョン番号を表示することができます。
ステップのダウンロードVUE-CLI。入力は、NPM（依存関係の多くが生成されます）VUE-CLIをダウンロードし、自動的に、-g VUE-CLIコマンドラインをインストールします。インストールが成功したかどうかを確認するVUEを入力することができます
第3のステップは、プロジェクトおよびダウンロードのWebPACKを初期化することです。ファイル名を指定して実行VUEのinitのWebPACKプロジェクト名プロジェクトの初期化
1）プロジェクト名プロジェクト名ポイントを入力します
2）プロジェクトの説明プロジェクトの説明、直接入力して記述する必要はありません
3）著者著者
4）VUE-ルータを設置？Yを入力し、インストールすることをお勧めします
5）ESLintプリセット使用 eslintコード構文仕様をチェックするためのツールとして見なさを。これは、インストールして、自分の使い慣れたかどうかに基づいてもよいです
6）は、2つの後ろに 直接N
第四段階のCDプロジェクト
第五ステップNPMインストール
DEV実行パートVI NPM
弾圧「」「」「」
コマンドを入力した後、我々はいくつかの簡単なオプションを聞いてきます、我々はそれを自分たちのニーズを満たすために持っています。
Project name :项目名称 ，如果不需要更改直接回车就可以了。注意：这里不能使用大写，所以我把名称改成了vueclitest
Project description:项目描述，默认为A Vue.js project,直接回车，不用编写。
Author：作者，如果你有配置git的作者，他会读取。
Install vue-router? 是否安装vue的路由插件，我们这里需要安装，所以选择Y
Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。我们这里不需要输入n（建议），如果你是大型团队开发，最好是进行配置。
setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha，我们这里不需要，所以输入n。
Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试，我们这里不需要，所以输入n
介绍一下目录及其作用：
build：最终发布的代码的存放位置。
config：配置路径、端口号等一些信息，我们刚开始学习的时候选择默认配置。
node_modules：npm 加载的项目所需要的各种依赖模块。
src：这里是我们开发的主要目录（源码），基本上要做的事情都在这个目录里面，里面包含了几个目录及文件：
assets:放置一些图片，如logo等
components:目录里放的是一个个的组件文件
router/index.js：配置路由的地方
App.vue：（部品を含む）プロジェクト入口アセンブリ、我々は代わりにコンポーネントのディレクトリを使用するのでは、ここでのコンポーネントを書き込むことができます。主な役割は、ページのレンダリングとの接触を通じて、当社独自のコンポーネントの定義を確立することである、と<ルータビュー/>不可欠があります。
main.js：プロジェクトのコアファイル（プロジェクトのJS玄関）など（index.htmlファイルのapp.jsで実行するプロジェクトを形成した後の）デフォルト・ページ・スタイルなどの依存関係を導入します。
静的：なので、上の画像、フォント、などの静的リソースディレクトリ、。
テスト：初期テストディレクトリ、削除
.XXXXファイル：設定ファイル。
index.htmlを：単一のエントリページのhtmlページを、あなたはそうで統計的なコードまたはどのようなスタイルで、いくつかのメタ情報を追加したり、ページをリセットすることができます。
package.json：プロジェクトの設定ファイル/バージョン情報は、開発キットを依存し、プラグインの情報に依存しています。
README.md：プロジェクトのドキュメント。
webpack.config.js：WebPACKのコンフィギュレーションファイル、ファイルを読むことができますブラウザにパッケージ化されたファイル.vue。
.babelrc：設定ファイルの構文検出ES6です
.getignore：構成ファイルの無視（彼は取得してみましょう、このようなモックに提出アナログローカルデータとしての/使用中のこの構成では無視できないラインでパッケージ化）
.postcssrc.js：プレフィックス設定
.eslintrc.js：eslint文法規則（ルールの内部で設定が失敗を許す文法ルール属性）を設定
.eslintignore：特定の文書プロジェクトの構文規則をチェックしeslint無視