tag vue.js

標籤
貢獻371
411
05:55 PM · Oct 25 ,2025

@vue.js / 博客 RSS 訂閱

Max迪丶先生 - 解決nuxt3初始化項目報錯問題

報錯問題: error: failed to download template from registry: failed to download https://raw.githubusercontent.com/nuxt/starter/templates/templates/v3.json: typeerror: fetch failed 原因是:raw.githubusercontent

vue.js , nuxt.js , seo , nuxtjs3 , nuxt3

收藏 評論

zxl20070701 - 從零開始搭建 Vue3 組件庫開發環境

搭建開發環境 Vite初始化 新建一個空的文件夾,比如叫 Vue3UI ,然後使用命令行在此文件夾下使用npm初始化: npm init 回車後,我們再安裝vite(我們這裏選擇使用Vite進行打包,使用別的也類似): npm install --save-dev vite 根目錄創建 index.html 文件,裏面內容如下: !DOCTYPE html html lang="zh-cn"

vue.js , vite , component , 前端 , ui

收藏 評論

全棧小白 - 【089】基於SpringBoot+Vue實現的在線點餐小程序

系統介紹 基於SpringBoot+Vue實現的在線點餐小程序採用前後端分離的架構方式,系統分為管理員、員工、用户三種角色,實現了用户點餐、訂單生成、模擬支付、菜單管理、賬號管理、角色管理、分類管理、菜品管理、訂單管理、標籤管理等功能模塊 技術選型 開發工具:idea2020.3+Webstorm2020.3(Vs Code)+HbuilderX+微信開發者工具 運行環境:jdk1.8+maven

vue.js , MySQL , intellij-idea , springboot , webstorm

收藏 評論

全棧小白 - 【090】基於SpringBoot實現的林業產品推薦系統

系統介紹 基於SpringBoot實現的林業產品推薦系統採用前後端分離的架構方式,系統分為管理員、用户兩種角色,實現了用户管理、商品分類管理、商品信息管理、商品評價管理、系統管理、訂單管理等模塊。 技術選型 開發工具:idea2020.3+Webstorm2020.3(其他開發工具也可以) 運行環境:jdk1.8+maven3.6.0+MySQL5.7+nodejs14.21.3(此配置為小白調試

vue.js , MySQL , intellij-idea , springboot , webstorm

收藏 評論

太羽 - 基於viewUI框架自定義表單交互表格

template scrollContent :minusHeight='140' div class="zd-white-b" Table :columns="columns" :data="dataList" template #name="{ row, index }"

vue.js , iview , 前端 , Javascript

收藏 評論

defghy - vue2 devtools導致頁面卡頓,解決方案

背景 項目升級為vue@2.7.16 vue@2老項目很難升級為vue@3 vue.js devtools@5.3.4不再維護 vue.js devtools@5.3.4不支持新的setup state等常用功能 vue.js devtools@6.6.3對vue@2一進入頁面卡死 項目由於歷史以及業務原因頁面性能很差,導致vue.js devtools@5.3.4會在一些場景卡死

vue.js , manifest.json , devtools , chrome-extension , setup

收藏 評論

renxingdebenma - MySQL常用指令碼

本文精心挑選了一系列MySQL指令碼,助你提升資料庫效率、解決常見問題,讓你的資料儲存體驗更加高效、可靠。 常用功能指令碼 1.匯出整個資料庫 mysqldump - u 使用者名稱- p – default - character - set = latin1 資料庫名匯出的檔名(資料庫預設編碼是latin1) mysqldump - u wcnc - p smgp_apps_wcnc

vue.js , MySQL , mysql優化 , npm , Javascript

收藏 評論

heath_learning - 記錄一次vue-cli創建vue項目失敗,一直卡着不動問題

問題描述:使用 vue create a-test 命令創建項目一直卡着安裝依賴失敗,報錯:ERROR Failed to get response from https://registry.npm.taobao.org/binary-mirror-config,命令行出現如下信息: Failed to check for updates ✨ Creating project in

vue.js , registry , vue-cli , npm

收藏 評論

用户bPdeG32 - Vue.js:現代化前端開發的高效框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架。它以其輕量、靈活和易上手的特性受到前端開發者的廣泛歡迎。Vue.js 不僅適用於小型項目的快速開發,也可以通過組件化和豐富的生態系統構建大型複雜的應用。在本文中,我們將深入瞭解 Vue.js 的核心特性,常見使用場景及其獨特的優勢。 一、什麼是 Vue.js? Vue.js(簡稱 Vue)是由尤雨溪在 2014 年發佈的開源

vue.js , ecmascript-6 , typescript , 前端 , Javascript

收藏 評論

chongdongdedaxiongmao_kxfei - Vue.js:輕量高效的前端框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架,因其輕量、靈活和易上手的特性備受歡迎。Vue.js 不僅適合小型項目的快速開發,也可用於構建複雜的單頁面應用(SPA)。本文將介紹 Vue.js 的核心特性、項目結構、常用功能及其在現代前端開發中的應用場景。 一、Vue.js 簡介 Vue.js(簡稱 Vue)由尤雨溪於 2014 年推出,是一個專注於視圖層的 JavaSc

vue.js , ecmascript-6 , typescript , 前端 , Javascript

收藏 評論

熱飯班長 - 最好的svg使用方案(個人覺得)

方案1:img 將svg作為img的src import icon from './xxx.svg' img :src="icon" 無法很好的自定義尺寸,圖片會模糊(使用了img後,會喪失svg的特性) 無法指定顏色 方案2:插件 添加vite-svg-loader插件 找了好幾個常見的插件,比如vite-plugin-svg-icons、vite-plugin-svg-loader、u

react , vue.js , vite , HTML , svg

收藏 評論

Yujiaao - AI輔助學習:給一個 mvvm 模式使用的小例子

MVVM在面試時問得很多,下面讓Ai教我們怎麼用這個模式: 以下是一個簡單的 MVVM(Model-View-ViewModel)模式在 JavaScript(使用 Vue.js 框架來實現)中的小例子,展示瞭如何實現數據綁定和交互邏輯的分離。 1. 項目搭建 首先,確保你已經安裝了 Vue.js。如果沒有,可以通過以下方式在項目中引入: 在 HTML 文件的頭部添加如下 CDN 鏈接: s

vue.js , mvvm

收藏 評論

十五 - 中後台開發必修課:Vue 項目中 Pinia 與 Router 完全攻略

前言 本篇文章主要講解如何來配置 Pinia 和 Vue Router 本文也是《通俗易懂的中後台系統建設指南》系列的第二篇文章,該系列旨在告訴你如何來構建一個優秀的中後台管理系統 寫在前面 路由(Router)和狀態管理(Vuex、Pinia)是 Vue 項目中的常客。基本上在 Vue 的項目中,我們構建一個 Web 應用都離不開它們,如果你是 Vue2 的用户,那麼你對它們不會陌生 如果你是跟

vue.js , pinia , router , 前端

收藏 評論

倔強青銅三 - Vite VS Webpack,誰才是最強構建工具

Vite VS Webpack,誰才是最強構建工具 前言 大家好,我是倔強青銅三。是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 Vite vs Webpack:哪個更適合您的項目? 隨着Web應用的不斷髮展,對更快、更高效的開發工具的需求也在日益增長。多年來,Webpack一直是複雜應用的首選打包工具,以其強

vue.js , vite , webpack , 前端 , Javascript

收藏 評論

web網站裝修工 - vue+node後台管理(帶預覽地址)

最近在逛開源網站時發現了一個比較實用又簡潔的開源後台管理。 先貼一下預覽地址:點擊直達 為啥説比較實用呢!來看看它的功能就知道了: 用户管理 菜單管理 角色管理 菜單權限 角色權限 字典管理 富文本+圖片管理+文件管理 等等還有一些比較實用的.... 用過後台都知道這幾個功能的含金量,還自帶了node後端直接啓動就可使用。 最後再貼幾張演示圖:

vue.js , 框架 , node.js , 後端 , 前端

收藏 評論

倔強青銅三 - 教你玩轉JavaScript元編程

教你玩轉JavaScript元編程 大家好,我是倔強青銅三。我是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 JavaScript元編程:深度解析Proxy、Reflect和對象屬性控制 JavaScript元編程超越了典型編程的範疇,為開發人員提供了一套創建高度靈活、高效和響應式代碼庫的工具。讓我們深入探討Pr

vue.js , ecmascript-6 , node.js , 前端 , Javascript

收藏 評論

十五 - 受夠了團隊代碼風格不統一?7千字教你從零搭建代碼規範體系

前言 此篇文章主要講解如何來搭建一套代碼規範體系,主要內容為:通過 ESLint + Prettier + Stylelint 實現代碼風格規範、格式化,通過 EditorConfig 實現 IDE 編碼風格規範化 本文約 7k 字,主要內容分為 7 個大章節,內分多個小章節。請耐心讀完,相信你應該有所收穫 本文也是《通俗易懂的中後台系統建設指南》系列的第四篇文章,該系列旨在告訴你如何來構建一個優

vue.js , 代碼規範 , 前端

收藏 評論

藍天海礁 - 創建GitHub Pages博客

創建GitHub Pages博客 為啥用這個,主要是免費、部署快,對個人博客要求沒那麼高的可以搞一下子 基礎配置工作 首先登錄github: https://github.com 然後在setting設置repo名字和github.com名字一致 github.com是 https://github.com/lantianhaijiao,github.io名字是lantianhai

vue.js , 技術分享 , hexo , 博客搭建 , 前端

收藏 評論

水冗水孚 - 實現el-table樹結構表格展開摺疊且合併單元格功能(兩種思路)

需求描述 樹結構表格 可展開摺疊,有children子集項 並且對應列還需要合併單元格(大類合併) 筆者試了試 使用el-table自帶的樹結構表格似乎沒法實現 就這個::tree-props="{children: 'children', hasChildren: 'hasChildren'}" 於是,只能換種思路實現了 添加行、刪除行方式,同時動態計算需要合併的單元格信息 效

vue.js , element-plus , element-ui

收藏 評論

月恆 - Vue Vite 項目增加 eslint 和 prettier

Vue Vite 項目增加 eslint 和 prettier Eslint 版本為 8.X 1. 安裝 8.X 版本的 eslint pnpm i eslint@^8.57.0 -D 2. 安裝 eslint 以及 prettier 以及一堆依賴 pnpm i eslint eslint-plugin-vue @vue/eslint-config-prettier prettier es

vue.js , eslint , prettier , 前端

收藏 評論

兔子先森 - 原生electron起步-從零到一完成構建和打包

官網:https://www.electronjs.org/zh/ 安裝依賴 初始化package.json pnpm init 安裝依賴 pnpm add -D electron 安裝報錯解決方案:https://blog.csdn.net/qq_38463737/article/details/140277803 1、打開npm的配置文件 # cmd 運行打開配置文件 npm confi

react , vue.js , electron , 前端 , Javascript

收藏 評論

兔子先森 - electron-builder打包配置説明

我們一般使用electron-builder對electron項目進行打包,在package.json中配置打包的詳細操作 pnpm install electron-builder -D package.json中的詳細字段解釋: "build": { "appId": "your.id", // 應用的唯一ID "productName": "YourProductName"

react , vue.js , electron , 前端 , Javascript

收藏 評論

兔子先森 - vue項目打包electron-將已有web項目打包為桌面端

當你需要將一個vue項目打包成electron時,只需要正常的安裝electron依賴、electron-builder依賴,正常的配置好主進程、預加載腳本、渲染進程即可。 依賴安裝 這裏默認你已經寫好了一個vue項目,腳手架為vite,然後需要打包成electron。 安裝electron pnpm add -D electron 安裝electron打包依賴 pnpm install e

react , vue.js , electron , 前端 , Javascript

收藏 評論

月半大熊貓 - 從紅屏到斷點,VSCode+Chrome打開調試vue.js項目的黃金配置公式,後端轉前端必看!

夙夜小哥這幾天有個項目前端人手不夠,要我支援幾天。我本人之前是寫後端的,在支援的過程中發現前端對JavaScript或者typescript的方法提示以及代碼導航功能都比較弱,可能是由於js本身屬於弱類型語言,所以這波並不屬於VSCode的鍋。 但是我又發現好像VSCode不進行配置的話,沒法直接使用調試功能,好傢伙,這下讓我一頓上網衝浪百度+谷歌,翻來翻去感覺網友都沒有寫在點子上,最後還是

vue.js , visual-studio-code , 調試 , typescript , Javascript

收藏 評論