感覺這個寫的挺詳細的,要詳細了解可以看這個→ 結構詳細介紹
vue專案結構圖:
簡單介紹:
build
目錄是一些webpack的檔案,配置引數什麼的,一般不用動
config
是vue專案的基本配置檔案
node_modules
是專案中安裝的依賴模組
src
原始碼資料夾,基本上檔案都應該放在這裡。
—assets
資源資料夾,裡面放一些靜態資源
—components
入口檔案
static
生成好的檔案會放在這個目錄下。
test
測試資料夾,測試都寫在這裡
.babelrc
babel編譯引數,vue開發需要babel編譯
.editorconfig
編輯器的配置檔案
.gitignore
用來過濾一些版本控制的檔案,比如node_modules資料夾 ,一般在githubpus**件的時候需要用到
index.html
主頁
package.json
專案檔案,記載著一些命令和依賴還有簡要的專案描述資訊
readme.md
介紹自己這個專案的,隨便寫,讓別人看得懂就行,看不懂就算了
詳細介紹:
1、package.json
package.json檔案是專案的配置檔案,除了一些專案的基本配置資訊,還有幾個地方需要重點記憶
dependcies:專案發布時的依賴
devdependencies:專案開發時的依賴
scripts:編譯專案時的一些命令
2、.babellrc檔案:
.babelrc檔案定義了es6的轉碼規則,基於es6編寫的js**在編譯時都會被babel轉碼器轉換為es5**
3、index.html
主頁我們可以像平時普通的html檔案一樣引入檔案和書寫基本資訊,新增meta標籤等。
4、main.js
這裡是入口檔案,可以引入一些外掛程式或者是靜態資源,引入之前要確定已經安裝了該外掛程式,記錄可以在package.json檔案中檢視
/*引入vue框架*/
import vue from 'vue'
/*引入資源請求外掛程式*/
import vueresource from 'vue-resource'
/*重置樣式*/
import "assets/css/base.css"
/*基本js*/
import "assets/js/common.js"
/*引入路由設定*/
import "./routers.js"
/*使用vueresource外掛程式*/
vue.use(vueresource)
持續更新中。。。。
常見專案結構設計
專案緯度總體劃分主要是分為 其內部包括 bean包 exception包 api包 exception包 主要是包括異常碼 對外的異常code。個人認為整個專案 甚至整個部門都公用一套異常碼。至少基礎的異常碼是相同的。異常碼的定義可以設計為 基礎異常碼 業務異常碼 主要是通用的功能。一般有 快取包 ...
高階結構設計
1.軟體設計引論 2.結構化設計 3.物件導向設計 物件導向設計方法的特點 通過對實際問題的分析,從中抽象出物件,再使用程式語言來表現它 物件導向設計方法的過程 識別物件中的子物件,並識別出對於子物件的操作,然後再根據子物件的操作開發出乙個系統 結構化設計和物件導向設計共有特性 1.將乙個系統分解成...
迴圈結構設計
c語言有2種常用的迴圈結構,分別是for迴圈和while迴圈。其中while迴圈使用的頻率相對較多,下面我們先看for迴圈。for迴圈 for 這是乙個死迴圈,何為死迴圈,就是永不停止的迴圈。比如for 分割線 int i for i 0 i 10 i 該語句表示,迴圈列印10次hello worl...