vue項(xiàng)目目錄解析

vite.config.ts: vite的配置文件(vite是前端構(gòu)建工具)勃教,服務(wù)器配置灵奖、構(gòu)建配置、插件配置蒸绩、模塊解析配置
base:指定項(xiàng)目的基本路徑鳞青,默認(rèn)'./'
root:配置項(xiàng)目的根目錄霸饲, Vite 會(huì)以這個(gè)目錄為起點(diǎn)來(lái)解析項(xiàng)目中的文件路徑
build:構(gòu)建相關(guān)配置選項(xiàng)
sourcemap:是否生成源映射文件,生成源映射文件方便調(diào)試臂拓,true生成厚脉,false不生成
chunkSizeWarningLimit:指定生成的chunk大小警告閾值,單位:字節(jié)
rollupOptions:自定義rollup打包配置
output:配置
server:配置開(kāi)發(fā)服務(wù)器
host:指定服務(wù)器監(jiān)聽(tīng)ip地址
port:指定開(kāi)發(fā)服務(wù)器端口
https:是否開(kāi)啟https
open:項(xiàng)目啟動(dòng)時(shí)胶惰,自動(dòng)在瀏覽器中打開(kāi)程序
proxy:配置自定義代理規(guī)則
key:{ // key可用正則
target:接口地址
changeOrigin:true 支持跨域請(qǐng)求
rewrite:對(duì)key傻工、接口地址做處理
}
resolve:配置模塊解析規(guī)則
alias:設(shè)置別名
plugins:配置vite插件
define:定義全局變量
css:配置css相關(guān)
preprocessorOptions:指定傳遞給css
optimizeDeps:指定vite開(kāi)發(fā)服務(wù)器啟動(dòng)時(shí)預(yù)構(gòu)建依賴
exclude:在預(yù)構(gòu)建中強(qiáng)制排除的依賴項(xiàng)
include:強(qiáng)制預(yù)構(gòu)建的包

tsconfig.json: TS的配置文件,可以在編譯時(shí)進(jìn)行類(lèi)型檢查孵滞,減少運(yùn)行時(shí)的錯(cuò)誤
compilerOptions:配置編譯器中捆,
include:指定要編譯的文件或目錄
exclude:指定要排除的文件或目錄

tailwind.config.js: tailwind CSS的配置文件,是功能類(lèi)優(yōu)先的css框架
theme:配置主題
extend:擴(kuò)展主題
plugins:配置插件

stylelint.config.js: stylelint的配置文件坊饶,用于檢查css泄伪、scss、less等樣式文件的代碼質(zhì)量
extends:擴(kuò)展stylelint的配置匿级,可以繼承stylelint的默認(rèn)配置或繼承其他配置文件
rules:配置stylelint的規(guī)則

start.bat: 處理腳本文件蟋滴,用于啟動(dòng)應(yīng)用程序或執(zhí)行其他命令

README.mdREADME.en-US :markdown文件染厅,包含項(xiàng)目簡(jiǎn)介,安裝指南津函,使用說(shuō)明肖粮,

postcss.config.js: postcss的配置文件,用于轉(zhuǎn)換css代碼尔苦,(添加瀏覽器前綴涩馆,壓縮css等)
plugins:配置postcss的插件

package.json: json文件,用于定義項(xiàng)目的元數(shù)據(jù)和依賴關(guān)系
name:項(xiàng)目名稱
version:項(xiàng)目版本
description:項(xiàng)目描述
main:項(xiàng)目入口文件
scripts:項(xiàng)目腳本
keywords:項(xiàng)目關(guān)鍵字
author:項(xiàng)目作者
license:項(xiàng)目許可證
dependencies:項(xiàng)目在生產(chǎn)環(huán)境中使用的依賴
devDependencies:項(xiàng)目在開(kāi)發(fā)環(huán)境中使用的依賴

package-lock.json: npm用來(lái)鎖定項(xiàng)目依賴的版本蕉堰,在npm i執(zhí)行后生成凌净,記錄了項(xiàng)目的確切版本和依賴樹(shù)

LICENSE: 許可證文件

index.html: 應(yīng)用入口

Dockerfile: 文本文件悲龟,用于定義docker鏡像的構(gòu)建過(guò)程屋讶,允許開(kāi)發(fā)者將應(yīng)用及其依賴打包到一個(gè)可移植的容器中,然后發(fā)布到任何流行的 Linux 機(jī)器上须教,也可以實(shí)現(xiàn)虛擬化

commitlint.config.js: commitlint的配置文件皿渗,檢查git提交信息的工具
extends:擴(kuò)展commitlint,繼承默認(rèn)配置
rules:配置規(guī)則轻腺,可以定義那些規(guī)則可以啟動(dòng)或禁用乐疆,以及規(guī)則的嚴(yán)重程度

cicd_testing.bat: 腳本文件,執(zhí)行CI/CD(持續(xù)集成/持續(xù)部署)測(cè)試

cicd_staging.bat: 腳本文件贬养,執(zhí)行CI/CD(持續(xù)集成/持續(xù)部署)的預(yù)發(fā)布階段

cicd_development.bat: 腳本文件挤土,執(zhí)行CI/CD(持續(xù)集成/持續(xù)部署)的開(kāi)發(fā)階段

.stylelintignore: 忽略文件,告訴stylelint忽略那些文件或目錄

.prettierrc.js: prettier(代碼格式化工具)的配置文件

.npmrc: npm配置文件误算,可以配置淘寶的npm鏡像等

.markdownlint.json: markdownlint(檢查markdown代碼質(zhì)量)的配置文件仰美,啟動(dòng)或禁用某些規(guī)則

.gitlab-ci.yml: gitlab CI/CD(getlab提供的用于自動(dòng)化軟件的構(gòu)建、測(cè)試和部屬過(guò)程)配置文件儿礼,

.gitignore: 忽略文件咖杂,告訴git忽略那些文件或目錄

.eslintrc.js: eslint的配置文件

.eslintignore: 忽略文件,告訴eslint忽略那些文件或目錄

.env.testing: 可以定義在測(cè)試環(huán)境中的環(huán)境變量

.env.staging: 可以定義在預(yù)發(fā)布環(huán)境中的環(huán)境變量

.env.production: 可以定義在生產(chǎn)環(huán)境中的環(huán)境變量

.env.development: 可以定義在開(kāi)發(fā)環(huán)境中的環(huán)境變量

.env: 環(huán)境變量文件蚊夫,定義所有環(huán)境中的環(huán)境變量

.editorconfig: editorconfig的配置文件诉字,可以配置首行縮進(jìn)等

.dockerignore: 忽略文件,高度docker忽略那些文件或目錄

types: 存定義的類(lèi)型文件知纷,以d.ts結(jié)尾壤圃,定義聲明變量的類(lèi)型

src: 存源代碼

  • components:存組件
    可app.component放全局
  • views:存頁(yè)面
  • store:存狀態(tài)管理代碼
  • router:存路由
  • utils:存工具函數(shù)
  • api:存與后端api交互的代碼
  • assets:存靜態(tài)資源
    放圖片、字體琅轧、svg等
  • config:存項(xiàng)目配置文件
  • plugins:存vue插件代碼
  • style:存css代碼
    放全局css伍绳、基礎(chǔ)css、修改element的css等
  • main.ts:入口文件
// 創(chuàng)建vue
import { createApp } from 'vue';
import App from './App.vue';
const app = createApp(App);
// 安裝插件 
import ElementPlus from 'element-plus'
app.use(ElementPlus)
// 掛載 
app.mount('#app')
// 配全局 
app.config.globalProperties.str = 'hello,world'
// 路由守衛(wèi) 
router.beforeEach((to,form,next) => {})
  • public: 存放靜態(tài)資源鹰晨,不會(huì)被打包

  • locales: 存放語(yǔ)言
    en.json:英語(yǔ)翻譯文件
    zh.json:中文翻譯文件

  • docs: 存放項(xiàng)目文檔

  • build: 配置打包和構(gòu)建過(guò)程的文件

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末墨叛,一起剝皮案震驚了整個(gè)濱河市止毕,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌漠趁,老刑警劉巖扁凛,帶你破解...
    沈念sama閱讀 216,402評(píng)論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異闯传,居然都是意外死亡谨朝,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)甥绿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)字币,“玉大人,你說(shuō)我怎么就攤上這事共缕∠闯觯” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,483評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵图谷,是天一觀的道長(zhǎng)翩活。 經(jīng)常有香客問(wèn)我,道長(zhǎng)便贵,這世上最難降的妖魔是什么菠镇? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,165評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮承璃,結(jié)果婚禮上利耍,老公的妹妹穿的比我還像新娘。我一直安慰自己盔粹,他們只是感情好隘梨,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,176評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著玻佩,像睡著了一般出嘹。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上咬崔,一...
    開(kāi)封第一講書(shū)人閱讀 51,146評(píng)論 1 297
  • 那天税稼,我揣著相機(jī)與錄音,去河邊找鬼垮斯。 笑死郎仆,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的兜蠕。 我是一名探鬼主播扰肌,決...
    沈念sama閱讀 40,032評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼熊杨!你這毒婦竟也來(lái)了曙旭?” 一聲冷哼從身側(cè)響起盗舰,我...
    開(kāi)封第一講書(shū)人閱讀 38,896評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎桂躏,沒(méi)想到半個(gè)月后钻趋,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,311評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡剂习,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,536評(píng)論 2 332
  • 正文 我和宋清朗相戀三年蛮位,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鳞绕。...
    茶點(diǎn)故事閱讀 39,696評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡失仁,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出们何,到底是詐尸還是另有隱情萄焦,我是刑警寧澤,帶...
    沈念sama閱讀 35,413評(píng)論 5 343
  • 正文 年R本政府宣布垂蜗,位于F島的核電站楷扬,受9級(jí)特大地震影響解幽,放射性物質(zhì)發(fā)生泄漏贴见。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,008評(píng)論 3 325
  • 文/蒙蒙 一躲株、第九天 我趴在偏房一處隱蔽的房頂上張望片部。 院中可真熱鬧,春花似錦霜定、人聲如沸档悠。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)辖所。三九已至,卻和暖如春磨德,著一層夾襖步出監(jiān)牢的瞬間缘回,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,815評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工典挑, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留酥宴,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,698評(píng)論 2 368
  • 正文 我出身青樓您觉,卻偏偏與公主長(zhǎng)得像拙寡,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子琳水,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,592評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容