tag vite

標籤
貢獻42
91
05:55 PM · Oct 25 ,2025
xiaohe0601 頭像 fenanjiu 頭像 tanking 頭像 nulidexiaocongmang 頭像 chengxuyuanyouyage 頭像 shuirongshui 頭像 carloslab 頭像 xiaodaigua_ray 頭像 kanade_5c75f6aec71cb 頭像 meetqy 頭像 jrainlau 頭像 hooray 頭像

@vite / 博客 RSS 訂閱

shellingfordly 頭像

shellingfordly - Vele-Admin 一個基於Vue3+Element-Plus的後台管理系統

vele-admin 介紹 vele-admin是一個基於 vue3, vite2, element-plus, vuex-module-decorators, vue-router-next, typescript 的後台管理系統 倉庫 Github vele-admin 預覽 vue3-element-plus-admin瀏覽地址 依賴 Vue3 Vue-Router-Next V

mock.js , vite , vue3 , element-plus , typescript

收藏 評論

kanade_5c75f6aec71cb 頭像

kanade - react + vite + testing-library單測環境構建

業務複雜多變迭代快速，加上編寫單測其實是耗費一定時間去做的，可能很多人認為編寫單元測試是一件吃力不討好的事兒，不會在項目中主動的去做單元測試，一兩年前筆者也是這樣的一種心態，對於單測嗤之以鼻，但是隨着看的書多了，學習的東西多了，明白了單測可有有效的保證我們一些核心功能的正確性，同樣可以反推我們的設計一些通用功能是否全面，再者也可以在我們改動一些功能後，校驗原有功能的正確性，説這麼多，還需要大家自己

react , vite , jest

收藏 評論

kobe_fans_zxc 頭像

高級BUG開發 - 在vue3+ts+vite項目中用BMap百度地圖自定義定位icon不顯示

自定義icon路徑，不能直接使用路徑地址，需要require包裹 var myIcon = new window.BMap.Icon(require("@/assets/icon.png", new window.BMap.Size(26, 32)); 那麼問題來了，vite+typescript項目不允許使用靜態資源加載方法require，如果使用require關鍵字就會報

vite , vue3 , 百度地圖 , typescript

收藏 評論

tanking 頭像

TANKING - Vue3項目創建+組合式API使用+組件通信+渲染微博熱搜+打包上線

摘要 Vue3的組合式API大大減少了代碼量，以及使用也方便了很多，本案例使用Vite創建一個Vue3示例，簡單介紹Vue3的組合式API使用以及父傳子組件傳參示例。 創建Vue3項目 1、首先要安裝 Node.js 下載地址：https://nodejs.org/en/download 2、安裝完成後，創建一個文件夾，用於創建 Vue 項目，我是在桌面創建的 3、在你創建的文件夾內的

vue.js , 組件通信 , vite , vue3 , Javascript

收藏 評論

xiaodaigua_ray 頭像

XiaoDaiGua_Ray - 如何上手使用 Ray Template

Ray Template 🔗 技術棧 Ray Template 是一個基於 vue3.x vite4.x naive-ui pinia tsx 開發的中後台模板。 🌸 解決了什麼問題 其實市面上已經有很多很優秀的中後台模板了，為什麼還要考慮重複去造輪子呢？其實市面上已有的優秀模板，都會有一個共同點：笨重、冗餘、難二開。不論是 vue-element-admin vben-admin，都有這個問

vite , tsx , vue3 , 模板

收藏 評論

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 🎉Vue3+Vite2.6+TypeScript+ant-design-vue+egg.js 一鍵構建管理前後台管理系統

Bag快速開發管理系統、門户網站、博客系統框架，提供基礎的框架，快速搭建企業產品，響應式開發，你可以將它應用在任何需要服務端管理的應用。如：開發管理系統的 API 接口、門户網站博客、企業內部的業務管理、ERP、CMS、APP 的後台等 技術選型 Bag管理系統採用Vue3、Vue-Router4、Vuex4、Ant-Design-Vue、Vite、TypeScript、Egg.js、Mysq

vite , MySQL , eggjs , vue3 , typescript

收藏 評論

meetqy 頭像

meetqy - 【記錄】如何造一個vite插件(1)

在此之前，先做個定位，這不是一篇純粹的技術性文章，可以把它理解成一個敍述文章，記錄我開發插件的過程。 開始前簡單的吹個牛 vue2 也寫了很多年了，多人合作始終避不開用到別人的組件。關鍵是有些組件沒有文檔看起來是真的費勁。props還可以直接通過組件看出來，emit,ref,slot代碼一多看起來就比較費勁了。也想過一些解決方案，比如每個組件寫一個 readme。這就有一個問題，時間太緊了，誰來給

vite , plugin , vue3 , 前端

收藏 評論

jrainlau 頭像

jrainlau - 2025 年前端開發工程師必備的 Docker Compose 全棧項目實踐

本文所涉及的代碼都在 jrainlau/todo-mvc-x-docker-compose，歡迎 star 歡迎打 call！ 在當前的工作的項目中，我們大量使用了 Docker Compose 的相關技術。由於此前的工作和學習都缺乏相關的項目經驗，因此 Docker 的知識一直是我的短板，基本只停留在“知道是怎麼一回事，但沒有深入使用過”的淺層理解。面對項目中各種繁雜的 Docker 配置，一時

全棧 , vite , docker-compose , bun.js , Docker

收藏 評論

dalideqie 頭像

自由之翼 - L Admin-React後台管理系統模板

L Admin L Admin是一個簡單的後台管理系統模板, 使用React 18, Vite, Ant Design, TailwindCss, @Reduxjs/Toolkit, @Tanstack/ReactQuery, Ahooks, FramerMotion, Recharts和TypeScript構建。 特性 使用React 18, Vite, Ant Design, Ta

react , vite , 管理後台 , 模板 , 前端

收藏 評論

hooray 頭像

Hooray - 後台還能這麼玩？這款後台框架將顛覆你的認知

序 過去一年，我參與了大大小小若干個後台系統的開發。在開發過程中，也發現了一些傳統後台框架無法解決的一些體驗上的痛點，如： 如何提升頁面空間的利用率，尤其是當展示內容較少時，儘可能減少頁面留白 如何提升跨模塊的操作效率，減少模塊間頻繁的頁面跳轉 帶着這幾個問題，我開始構思並開發了一款採用全新交互方式的後台框架「 One-step-admin 」，這是一款幹啥都快人一步的 Vue 中後台系統

vue.js , vite , 後台 , 前端

收藏 評論

nulidexiaocongmang 頭像

MangoGoing - 如何從 create-react-app 遷移到 Vite？

在不斷髮展的 Web 開發領域，對於任何希望提高性能和可維護性的開發人員來説，掌握高效的工具和流程都至關重要。對於許多希望構建現代單頁 React 應用程序的人來説，Vite 已成為 Create React App (CRA) 的自然繼任者。在本綜合指南中，我們將逐步介紹將您的項目從 CRA 遷移到 Vite 的步驟，重點是實用性和易用性。 距離 Vite 推出已經有4年時間，Vite 5.0

react , vite , create-react-app , 前端

收藏 評論

fenanjiu 頭像

南玖 - Taro4.0支持使用Vite構建

前言 早在Taro3.5的版本發佈時，Taro團隊就表示將會在接下來的3.6版本落地對Vite的支持。 但在3.6的版本中根本就沒看到Vite的身影，隨着社區對Vite的呼聲越來越高，終於在Taro4.0beta版本中支持了這一功能！ 目前 Taro 在 Vite 編譯系統適配方面，優先支持了小程序、H5 和鴻蒙三端。 但仔細一想🤔，H5支持使用Vite編譯可以理解，但小程序是隻支持Commo

vite , taro , 前端

收藏 評論

nulidexiaocongmang 頭像

MangoGoing - 基於 React 和 Vite 的前端項目自動化測試方案

背景 前端自動化測試在工程化的研發體系中不可或缺。前端領域的自動化測試常被忽略，原因在於人們認為編寫測試用例成本高且意義不大，本質是覺得投資回報率低。但當收益大於支出時，引入前端自動化測試是必要的。例如在表單功能從簡單到複雜的迭代過程中，手動測試成本會指數級增長且可能無法完成所有測試，此時引入自動化測試能提升效率、保證測試覆蓋範圍、減少誤差和遺漏、實現用例重複使用等。 成本 初始成本，引入自動

playwright , vite , 自動化測試 , 前端

收藏 評論

chengxuyuanyouyage 頭像

程序員優雅哥 - Vue3 企業級優雅實戰 - 組件庫框架 - 9 實現組件庫 cli - 上

上文搭建了組件庫 cli 的基礎架子，實現了創建組件時的用户交互，但遺留了 cli/src/command/create-component.ts 中的 createNewComponent 函數，該函數要實現的功能就是上文開篇提到的 —— 創建一個組件的完整步驟。本文咱們就依次實現那些步驟。（友情提示：本文內容較多，如果你能耐心看完、寫完，一定會有提升） 1 創建工具類 在實現 cli 的過程中

vite , 組件庫 , vue3 , cli , 前端

收藏 評論

never_mind_591150ba718a1 頭像

Never_Mind - package.json 部分屬性解讀

name 定義項目（包）名。規則如下： 不得多於 214 個字符（包含@scope/前綴在內） 不得以.、_開頭，且不得包含大寫字母 只允許使用 URL-safe 字符 version 定義項目（包）的當前版本號 description 定義項目（包）的簡要描述。registry 將提取該信息以方便搜索 keywords 定義項目（包）的關鍵字描述。registry 將提取該信息以方便檢

全棧 , node.js , vite , webpack , 前端

收藏 評論

carloslab 頭像

Carlos - 使用 Vite + React 進行本地編譯與測試

Vite 是一個快速、輕量級的構建工具，旨在提供極致的開發體驗。本文將展示如何在使用 React 和 Vite 的項目中進行本地編譯、測試以及預覽。 初始化項目 假設你已經成功使用 Vite 和 React 初始化了一個項目，並完成了開發，現在你希望能夠將項目進行本地構建並進行測試。 本地構建項目 在項目根目錄中，通過以下命令構建項目： npm run build 這將觸發 Vite

react , 全棧 , vite , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 項目啓動報錯node:events:485 的解決方法以及報錯問題排查思路

錯誤分析 1、報錯結果 Error: spawn E:\xxx\xxx\node_modules\.pnpm\esbuild@0.11.3\node_modules\esbuild\esbuild.exe ENOENT 路徑中明確顯示了 esbuild@0.11.3，這告訴我們系統試圖訪問的是這個特定版本。 2、spawnargs 參數中的版本信息 spawnargs: [ '--service

react , vue.js , vite , 前端 , html5

收藏 評論

tanking 頭像

TANKING - Vue3.3.4+Vite使用組合式API開發一個簡單的博客+打包上線

摘要 本次案例是使用Vue3.3.4的組合式API實現一個簡單的博客開發流程和組件使用示例代碼，比較簡單，主要是通俗易懂，瞭解組合式API的使用。 創建項目 Windows cmd創建一個Vue3.2項目（使用cnpm國內鏡像高速構建） 開發 組件 views/Index.vue 首頁組件 components/blogList.vue 博客列表 components/SingleB

vue.js , vite , vue3 , 博客 , Javascript

收藏 評論

chengxuyuanyouyage 頭像

程序員優雅哥 - Vue3 企業級優雅實戰 - 組件庫框架 - 8 搭建組件庫 cli

前面的文章分享了組件庫的開發、example、組件庫文檔，本文分享組件庫 cli 開發。 1 為什麼要開發組件庫 cli 回顧一個新組件的完整開發步驟： 1 在 packages 目錄下創建組件目錄 xxx： 1.1 使用 pnpm 初始化 package.json，修改 name 屬性； 1.2 在該目錄中創建 src 目錄和 index.ts 文件； 1.3 在 src 目錄下創建 types

vite , 組件庫 , vue3 , cli , 前端

收藏 評論

lishisan 頭像

李十三 - 前端構建這十年

寫在前面 前端模塊化/構建工具從最開始的基於瀏覽器運行時加載的 RequireJs/Sea.js 到將所有資源組裝依賴打包 webpack/rollup/parcel的bundle類模塊化構建工具，再到現在的bundleless基於瀏覽器原生 ES 模塊的 snowpack/vite，前端的模塊化/構建工具發展到現在已經快 10 年了。 本文主要回顧 10 年間，前端模塊化/構建工具的發展歷程及

構建工具 , vite , webpack , 模塊化開發 , 前端

收藏 評論

recordyu 頭像

XiaoYu - 前端構建工具技術（介紹篇）

構建工具：俗稱打包。 理解：將模塊文件進行合併，代碼壓縮，整合資源等一系列自動化操作。 為什麼會出現構建工具這項技術？ 我們希望看到頁面加載平滑，快速進行響應。 通過： 1.編寫代碼的邏輯，避免無效浪費內存資源，即優化代碼； 2.優化瀏覽器請求資源的速度； 原因： 首先瀏覽器加載資源 請求的文件數量越多越耗時，文件容量越大越耗時。但是為了我們前端項目結構清晰，我們一般會分成

vite , 瀏覽器 , grunt , webpack , 前端

收藏 評論

mihuartuanr 頭像

米花兒團兒 - Vitepress編寫組件文檔

快速開始 安裝依賴 mkdir projectName路徑下 cd projectName npm init -y npm i -D vitepress pkg#scripts "scripts": { "docs:dev": "vitepress dev docs", "docs:build": "vitepress build docs", "docs:serve"

vite , component , vue3 , vuepress , storybook

收藏 評論

yazi_6005853a842a6 頭像

FYR的仁 - vue-批量導入文件篇（一）

序言 在我們創建路由的時候，會發現如果所有的路由都在一個文件內，那麼當項目路由多的時候，就會出現路由難找，路由跟路由不在一塊等情況出現（沒維護好）。 所以，為了避免這種情況，我們可以使用模塊化這種思想來解決問題。 那麼，問題就來了，當模塊多的時候，一個個的導入就很浪費時間，需要重複 引入 - 賦值 這一過程，所以，我們是不是能讓程序來幫我們做這一步驟呢，那麼我們豈不是可以愉快玩耍了。

vue.js , webpack-dev-server , vite

收藏 評論

me_life 頭像

東隅桑榆 - [開源項目]一個乾淨簡約、基於vue3、yii2輕度改造的後台管理系統

🤞 Yaa 快速助你CURD開發！ 示例圖 環境要求 PHP = 7.3 Composer = 2 Node.js = 14 PHP 啓用擴展 fileinfo imagemagick exif 鏈接 https://yaa.speaks.life/admin 賬號：admin 密碼：123456 Yaa文檔地址 github

框架 , vite , 後台管理 , vue3 , yii2

收藏 評論