vue 專案心得總結
阿新 • • 發佈:2019-02-01
專案使用 vue ,元件庫使用 Element,模擬資料使用 Easy Mock 。
專案線上網址:
本人對於 vue 、Element 以及 Easy Mock 涉獵不深,不足之處請多多指教!
1、vue 專案目錄結構詳解
安裝好 vue.js 後,生成的目錄眾多,在此對其進行目錄解析
build 檔案是專案構建 webpack 相關程式碼
config 是配置目錄,包括埠號等
node_modules 是npm 載入的專案依賴
src 是我們需要開發的目錄,包含的幾個目錄及檔案:
assets:放置一些圖片
components:放置元件檔案
App.vue:專案入口檔案(可以將元件寫在此處,而不使用 components 目錄)
main.js:專案的核心檔案
static 是靜態資源目錄,如圖片、字型等
.xxxx 都是配置檔案,包括語法配置、git配置等
index.html 是首頁入口檔案
package.json 是專案配置檔案
README.md 專案的說明文件
2、package.json
package.json 中的 dependencies 是指定了專案執行所依賴的模組
package.json 中的 devDependencies 是指定了專案開發所需要的模組
--save 表示將該模組寫入 dependencies 屬性
--save-dev 表示將該模組寫入 devDependencies 屬性