1. 程式人生 > >vue 專案心得總結

vue 專案心得總結

專案使用 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 屬性