vue專案結構設計

2021-09-25 11:11:54 字數 1834 閱讀 5635

感覺這個寫的挺詳細的,要詳細了解可以看這個→ 結構詳細介紹

vue專案結構圖:

簡單介紹:

build目錄是一些webpack的檔案,配置引數什麼的,一般不用動

config是vue專案的基本配置檔案 

node_modules是專案中安裝的依賴模組 

src原始碼資料夾,基本上檔案都應該放在這裡。

assets資源資料夾,裡面放一些靜態資源 

components入口檔案 

static生成好的檔案會放在這個目錄下。

test測試資料夾,測試都寫在這裡 

.babelrcbabel編譯引數,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...