随笔分类 -  Vue

从0到1构建开源 vue-uniapp-template：使用 UniApp + Vue3 + TypeScript 和 VSCoe、CLI 开发跨平台移动端脚手架
摘要：从0到1构建开源 vue-uniapp-template：使用 UniApp + Vue3 + TypeScript 和 VSCoe、CLI 开发跨平台移动端脚手架本文介绍如何通过 VSCode 和 vue-cli 构建基于 Vue3 和 TypeScript 的 UniApp 跨移动端开源脚手架模板，包括环境配置、项目初始化、代码规范（ESLint、Prettier、Stylelint）、Git 提交规范（Husky、Commitlint、Commitizen），以及 Pinia 状态管理、HTTP 请求封装、Sass、UnoCSS、wot-design-uni 组件库的整合。还配置环境变量和反向代理，并涵盖 H5 部署与小程序发布。 阅读全文
posted @ 2025-01-23 08:39 有来技术 阅读(3912) 评论(13) 推荐(10)
基于 Vue3 + Vite + TypeScript5 + Element-Plus 从0到1搭建企业级后台管理系统
摘要：基于 Vue3 + Vite + TypeScript5 + Element-Plus 从0到1搭建企业级后台管理系统本篇通过万字长文详细介绍 vue3-element-admin v2 版本从 0 到 1，相较于v1版本增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式等功能的支持以及重构优化。 阅读全文
posted @ 2023-04-21 08:03 有来技术 阅读(25283) 评论(10) 推荐(27)
【vue3-element-admin】Husky + Lint-staged + Commitlint + Commitizen + cz-git 配置 Git 提交规范
摘要：【vue3-element-admin】Husky + Lint-staged + Commitlint + Commitizen + cz-git 配置 Git 提交规范整合 Husky + Lint-staged + Commitlint + Commitizen + cz-git 并配置的 pre-commit 和 commit-msg 两个钩子分别实现 Git 提交前代码检测和 Git 提交信息规范。 阅读全文
posted @ 2023-04-17 14:39 有来技术 阅读(1593) 评论(2) 推荐(4)
基于 vue-element-admin 升级的 Vue3 +TS +Element-Plus 版本的从0到1构建说明，有来开源组织又一精心开源力作
摘要：基于 vue-element-admin 升级的 Vue3 +TS +Element-Plus 版本的从0到1构建说明，有来开源组织又一精心开源力作项目代码结构基本完全保留 vue-element-admin ，代码风格参考Vue.js社区，CSS遵守BEM规范 ，站在巨人的肩膀不仅是为了看的更远，更多的是一种致敬、延续和希望走的更远。 阅读全文
posted @ 2022-04-02 08:34 有来技术 阅读(40160) 评论(23) 推荐(25)
Vue数据更新不渲染页面的问题
摘要：一. 问题现象 在通过数组下标的方式修改集合元素，元素的值确实是更新了，但是页面不能重新渲染。 二. 原因分析 Vue官方文档传送门 三. 解决方案 // 针对数组使用 this.$set(arr,index,newVal) 阅读全文
posted @ 2020-11-10 15:41 有来技术 阅读(2683) 评论(1) 推荐(1)
uni-app实战 | 第一篇：从0到1快速开发一个开源商城微信小程序，无缝接入Spring Security OAuth2认证授权实现登录
摘要：uni-app实战 | 第一篇：从0到1快速开发一个开源商城微信小程序，无缝接入Spring Security OAuth2认证授权实现登录一. 前言 本篇通过实战来讲述如何使用uni-app快速进行商城微信小程序的开发以及小程序如何接入后台Spring Cloud微服务。 有来商城 youlai-mall 项目是一套全栈商城系统，技术栈是分布式微服务加上前后端分离模式，所以在本篇项目实战开始之前需要一些往期文章作为基础。 后台微服务 阅读全文
posted @ 2020-10-27 00:32 有来技术 阅读(13048) 评论(21) 推荐(14)
vue-element-admin实战 | 第二篇： 最小改动接入后台实现动态路由菜单加载
摘要：vue-element-admin最小改动接入后台实现根据权限动态加载菜单 阅读全文
posted @ 2020-09-16 01:58 有来技术 阅读(9034) 评论(17) 推荐(8)
vue-element-admin实战 | 第一篇： 移除mock接入后台微服务接口，搭建SpringCloud+Vue前后端分离的管理平台
摘要：vue-element-admin实战 | 第一篇： 移除mock接入后台微服务接口，搭建SpringCloud+Vue前后端分离的管理平台一. 前言 本篇基于有来商城youlai-mall 微服务项目搭建的后台前端管理平台,技术选型Vue+element-ui实现前后端分离,解决方案选型vue-element-admin。希望通过本篇你可以改造vue-element-admin工程接入微服务接口实现前后端分离。 二. vue-elem 阅读全文
posted @ 2020-09-07 01:11 有来技术 阅读(23696) 评论(13) 推荐(13)
安装cnpm设置npm淘宝镜像源
摘要：安装cnpm npm install -g cnpm 验证npm镜像源 npm config get registry 题外话：cnpm和npm区别？ cnpm其实就是在npm的基础上将镜像源更换到国内，其实以下两条命令是等效的，相信应该通过这两条命令应该可以了解到其中的区别所在 cnpm inst 阅读全文
posted @ 2020-09-05 17:15 有来技术 阅读(5682) 评论(0) 推荐(0)