一、簡介
Vue CLI 是一個基于 Vue.js 進(jìn)行快速開發(fā)的完整系統(tǒng)，提供：
通過
@vue/cli搭建交互式的項目腳手架。通過
@vue/cli+@vue/cli-service-global快速開始零配置原型開發(fā)。一個運行時依賴 (@vue/cli-service)，該依賴：
可升級；
基于 webpack 構(gòu)建，并帶有合理的默認(rèn)配置；
可以通過項目內(nèi)的配置文件進(jìn)行配置；
可以通過插件進(jìn)行擴展。
一個豐富的官方插件集合，集成了前端生態(tài)中最好的工具。
一套完全圖形化的創(chuàng)建和管理 Vue.js 項目的用戶界面。
Vue CLI 致力于將 Vue 生態(tài)中的工具基礎(chǔ)標(biāo)準(zhǔn)化。它確保了各種構(gòu)建工具能夠基于智能的默認(rèn)配置即可平穩(wěn)銜接，這樣你可以專注寫應(yīng)用，而不必花好幾天去糾結(jié)配置的問題。
<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="csharp" cid="n24" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; margin-top: 0px; margin-bottom: 20px; font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; white-space: normal; background: rgb(51, 51, 51); position: relative !important; padding: 10px 10px 10px 30px; width: inherit; color: rgb(184, 191, 198); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">// 進(jìn)入該項目目錄
cd smart-web
// 安裝所需依賴
npm install
// 啟動服務(wù)
npm run dev</pre>
二、目錄介紹
1、build：構(gòu)建腳本目錄
build.js ==> 生產(chǎn)環(huán)境構(gòu)建腳本；
check-versions.js ==> 檢查npm，node.js版本；
utils.js ==> 構(gòu)建相關(guān)工具方法；
vue-loader.conf.js ==> 配置了css加載器以及編譯css之后自動添加前綴；
webpack.base.conf.js ==> webpack基本配置；
webpack.dev.conf.js ==> webpack開發(fā)環(huán)境配置；
webpack.prod.conf.js ==> webpack生產(chǎn)環(huán)境配置；
2、config：項目配置
dev.env.js ==> 開發(fā)環(huán)境變量；
index.js ==> 項目配置文件；
prod.env.js ==> 生產(chǎn)環(huán)境變量；
3、node_modules：
- npm 加載的項目依賴模塊
4、src
這里是我們要開發(fā)的目錄，基本上要做的事情都在這個目錄里。里面包含了幾個目錄及文件：
assets：資源目錄，放置一些圖片或者公共js、公共css。這里的資源會被webpack構(gòu)建；
components：組件目錄，我們寫的組件就放在這個目錄里面；
router：前端路由，我們需要配置的路由路徑寫在index.js里面；
App.vue：根組件；
main.js：入口js文件；
5、static
- 靜態(tài)資源目錄，如圖片、字體等。不會被webpack構(gòu)建
6、index.html
首頁入口文件，可以添加一些 meta 信息等
7、package.json
npm包配置文件，定義了項目的npm腳本，依賴包等信息``
8、README.md：
項目的說明文檔，markdown 格式
9、.xxxx文件：
這些是一些配置文件，包括語法配置，git配置等
