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.md 和 README.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ò)程的文件