從0開始搭建一個前端項目(vue + vite + typescript)

  1. 版本
node:v22.17.1
pnpm:v10.13.1
vue:^3.5.18
vite:^7.0.6
typescipt:~5.8.0
  1. 腳手架初始化vue
pnpm create vue@latest

只選擇: TypeScript, JSX
3. 用vscode打開創建的項目,并刪除多余的代碼
在這里插入圖片描述

  1. eslint安裝
參考:https://blog.csdn.net/hhhjjjj/article/details/150929338?spm=1011.2124.3001.6209
  1. tsconfig.json修改,刪除 tsconfig.app.json和 tsconfig.node.json
{"compilerOptions": {"target": "esnext","jsx": "preserve","lib": ["esnext", "dom"],"experimentalDecorators": true,"baseUrl": ".","module": "esnext","moduleResolution": "node","paths": {"/@/*": ["src/*"]},"resolveJsonModule": true,"typeRoots": ["./node_modules/@types/", "./types"],"types": ["vite/client", "node"],"strict": true,"noUnusedLocals": true,"noUnusedParameters": true,"sourceMap": true,"allowSyntheticDefaultImports": true,"esModuleInterop": true,"forceConsistentCasingInFileNames": true,"skipLibCheck": true},"include": ["src/**/*.ts","src/**/*.tsx","src/**/*.vue","tests/**/*.ts","src/utils/path.js","types/**/*.d.ts","types/**/*.ts","types/global.d.ts","types/shims-tsx.d.ts","types/shims-vue.d.ts","mock/asyncRoutes.ts"],"exclude": ["node_modules", "dist", "**/*.js"]
}

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/pingmian/94604.shtml
繁體地址,請注明出處:http://hk.pswp.cn/pingmian/94604.shtml
英文地址,請注明出處:http://en.pswp.cn/pingmian/94604.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

1.ImGui-環境安裝

免責聲明:內容僅供學習參考,請合法利用知識,禁止進行違法犯罪活動! 本次游戲沒法給 內容參考于:微塵網絡安全 IMGUI是一個被廣泛應用到逆向里面的,它可以用來做外部的繪制,比如登錄界面&…

基于springboot的二手車交易系統

博主介紹:java高級開發,從事互聯網行業六年,熟悉各種主流語言,精通java、python、php、爬蟲、web開發,已經做了六年的畢業設計程序開發,開發過上千套畢業設計程序,沒有什么華麗的語言&#xff0…

修改win11任務欄時間字體和小圖標顏色

1 打開運行提示框 在桌面按快捷鍵winR,然后如下圖所示輸入regedit2 查找路徑 1、在路徑處粘貼路徑計算機\HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Themes\Personalize 2、如下圖所示,雙擊打開ColorPrevalence,將里面的…

第13集 當您的USB設備不在已實測支持列表,如何讓TOS-WLink支持您的USB設備--答案Wireshark USB抓包

問:當您的USB設備不在已實測支持列表,如何讓TOS-WLink支持您的USB設備? 答案:使用Wireshark USB抓包,日志發給我 為什么要抓包: USB設備種類繁多;TOS-WLink是單片機,內存緊張&#…

[靈動微電子 MM32BIN560CN MM32SPIN0280]讀懂電機MCU之比較器

作為剛接觸微控制器的初學者,在看到MM32SPIN0280用戶手冊中“比較器”相關內容時,是不是會感到困惑?比如“5個通用比較器”“輪詢功能”“遲滯電壓”這些術語,好像都和電機控制有關,但又不知道具體怎么用。別擔心&…

? 貳 ? ? 安全架構:數字銀行安全體系規劃

👍點「贊」📌收「藏」👀關「注」💬評「論」 🔥更多文章戳👉Whoami!-CSDN博客🚀 在金融科技深度融合的背景下,信息安全已從單純的技術攻防擴展至架構、合規、流程與創新的…

布隆過濾器完全指南:從原理到實戰

布隆過濾器完全指南:從原理到實戰 摘要:本文深入解析布隆過濾器的核心原理、實現細節和實際應用,提供完整的Java實現代碼,并探討性能優化策略。適合想要深入理解概率數據結構的開發者閱讀。 前言 在大數據時代,如何快速判斷一個元素是否存在于海量數據集合中?傳統的Hash…

?嵌入式Linux學習 - 網絡服務器實現與客戶端的通信

1.單循環服務器 2.并發服務器 1. 設置socket屬性 2. 進程 ?3. 線程 3.多路IO復用模型 - 提高并發程度 1. 區別 2. IO處理模型 1. 阻塞IO模型 2. 非阻塞IO模型 3. 信號驅動IO 4. IO多路復用 3. 特點 4. 函數接口 1. select 2. poll 3. epoll 半包 1.單循環服務…

Mybatis中緩存機制的理解以及優缺點

文章目錄一、MyBatis 緩存機制詳解1. 一級緩存(Local Cache)2. 二級緩存(Global Cache)3. 緩存執行順序二、MyBatis 緩存的優點三、MyBatis 緩存的缺點四、適用場景與最佳實踐總結MyBatis 提供了完善的緩存機制,用于減…

Rust 登堂 之 類型轉換(三)

Rust 是類型安全的語言,因此在Rust 中做類型轉換不是一件簡單的事,這一章節,我們將對Rust 中的類型轉換進行詳盡講解。 高能預警,本章節有些難,可以考慮學了進階后回頭再看 as 轉換 先來看一段代碼 fn main() {let a…

【MySQL 為什么默認會給 id 建索引? MySQL 主鍵索引 = 聚簇索引?】

MySQL 索引 MySQL 為什么默認會給 id 建索引? & MySQL 主鍵索引 聚簇索引? 結論:在 MySQL (InnoDB) 中,主鍵索引是自動創建的聚簇索引,不需要刪除,其他索引是補充優化。 1. MySQL 的id 索引是怎么來的…

[光學原理與應用-321]:皮秒深紫外激光器產品不同階段使用的工具軟件、對應的輸出文件

在皮秒深紫外激光器的開發過程中,不同階段使用的工具軟件及其對應的輸出文件如下:一、設計階段工具軟件:Zemax OpticStudio:用于光學系統的初步設計和仿真,包括光線追跡、像差分析、優化設計等。MATLAB:用于…

openEuler常用操作指令

openEuler常用操作指令 一、前言 1.簡介 openEuler是由開放原子開源基金會孵化的全場景開源操作系統項目,面向數字基礎設施四大核心場景(服務器、云計算、邊緣計算、嵌入式),全面支持ARM、x86、RISC-V、loongArch、PowerPC、SW…

Python爬蟲實戰:構建網易云音樂個性化音樂播放列表同步系統

1. 引言 1.1 研究背景 在數字音樂生態中,各大音樂平臺憑借獨家版權、個性化推薦等優勢占據不同市場份額。根據國際唱片業協會(IFPI)2024 年報告,全球流媒體音樂用戶已突破 50 億,其中超過 60% 的用戶同時使用 2 個及以上音樂平臺。用戶在不同平臺積累的播放列表包含大量…

vscode 配置 + androidStudio配置

插件代碼片段 餓了么 icon{"Print to console": {"prefix": "ii-ep-","body": ["i-ep-"],"description": "elementPlus Icon"} }Ts 初始化模版{"Print to console": {"prefix": &q…

DQN(深度Q網絡):深度強化學習的里程碑式突破

本文由「大千AI助手」原創發布,專注用真話講AI,回歸技術本質。拒絕神話或妖魔化。搜索「大千AI助手」關注我,一起撕掉過度包裝,學習真實的AI技術! ? 1. DQN概述:當深度學習遇見強化學習 DQN(D…

個人博客運行3個月記錄

個人博客 自推一波,目前我的Hexo個人博客已經優化的足夠好了, 已經足夠穩定的和簡單進行發布和管理,但還是有不少問題,總之先記下來再說 先總結下 關于評論系統方面,我從Waline (快速上手 | Waline) 更換成了&#x…

C89標準關鍵字以及運算符分類匯總

開發單片機項目學好C語言尤其重要,我感覺學習C語言需要先學好關鍵字和運算符,我對C語言的關鍵字和運算符做一下匯總。一、關鍵字:(C89標準一共有32個關鍵字)(1) 數據類型關鍵字(一共12個,分為基…

吱吱企業通訊軟件打破跨部門溝通壁壘,為企業搭建安全的通訊環境

在數字化轉型浪潮中,企業通訊軟件不再僅僅作為企業跨部門溝通橋梁,更是承載著保護通訊數據安全的使命。吱吱企業通訊憑借其“私有化部署全鏈路加密”雙重機制,為企業構建了一套“溝通便捷、通訊安全”的數字化通訊解決方案。 一、打破溝通壁壘…

Day16_【機器學習建模流程】

一、機器學習建模流程:獲取數據(搜集與完成機器學習任務相關的數據集)數據基本處理(數據 缺失值處理,異常值處理)特征工程(特征提取、特征預處理 、特征降維、特征選擇 、特征組合)機…