$ npm install -g vue-cli
$?vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev
.
├── build/? ? ? ? ? ? ? ? ? ? ? # webpack配置文件
│? └── ...
├── config/
│? ├── index.js? ? ? ? ? ? ? ? # 主要項目配置
│? └── ...
├── src/
│? ├── main.js? ? ? ? ? ? ? ? # 應(yīng)用入口文件
│? ├── App.vue? ? ? ? ? ? ? ? # 主應(yīng)用程序組件
│? ├── components/? ? ? ? ? ? # ui組件
│? │? └── ...
│? └── assets/? ? ? ? ? ? ? ? # 模塊資源（由webpack處理）
│? ? ? └── ...
├── static/? ? ? ? ? ? ? ? ? ? # 純靜態(tài)資源（直接復(fù)制）
├── test/
│? └── unit/? ? ? ? ? ? ? ? ? # 單元測試
│? │? ├── specs/? ? ? ? ? ? ? # 測試spec文件
│? │? ├── index.js? ? ? ? ? ? # 測試構(gòu)建條目文件
│? │? └── karma.conf.js? ? ? # 測試跑步者配置文件
│? └── e2e/? ? ? ? ? ? ? ? ? ? # e2e測試
│? │? ├── specs/? ? ? ? ? ? ? # 測試spec文件
│? │? ├── custom-assertions/? # e2e測試的自定義斷言
│? │? ├── runner.js? ? ? ? ? # 測試跑步腳本
│? │? └── nightwatch.conf.js? # 測試跑步者配置文件
├── .babelrc? ? ? ? ? ? ? ? ? ? # babel 配置
├── .postcssrc.js? ? ? ? ? ? ? # postcss 配置
├── .eslintrc.js? ? ? ? ? ? ? ? # eslint 配置
├── .editorconfig? ? ? ? ? ? ? # editor 配置
├── index.html? ? ? ? ? ? ? ? ? # index.html模板
└── package.json? ? ? ? ? ? ? ? # 構(gòu)建腳本和依賴關(guān)系
????build/
此目錄包含開發(fā)服務(wù)器和生產(chǎn)webpack構(gòu)建的實際配置。 通常，您不需要觸摸這些文件，除非您要自定義Webpack加載器羽资，在這種情況下，您應(yīng)該看看build / webpack.base.conf.js诱篷。
? ?config/index.js
這是顯示構(gòu)建設(shè)置的一些最常見配置選項的主配置文件弃鸦。 有關(guān)詳細信息口锭，請參閱開發(fā)期間的API代理和后端框架集成曲楚。
????index.html
這是我們的單頁應(yīng)用程序的模板index.html厘唾。 在開發(fā)和構(gòu)建期間，Webpack將生成資產(chǎn)龙誊，并將生成的資產(chǎn)的URL自動注入到此模板中以呈現(xiàn)最終的HTML阅嘶。
????package.json
包含所有構(gòu)建依賴項和構(gòu)建命令的NPM軟件包元文件。
