Vite共0篇 第4页
Vite
排序
可拖拽、缩放、旋转组件网格效果及使用方法
?介绍 基于 vue3.x + CompositionAPI + typescript + vite 的可拖拽、缩放、旋转的组件 拖拽&区域拖拽 支持缩放 旋转 网格拖拽缩放 在线示例 源码地址 上一篇实现细节的文章遗留下了两个问...
2年前
React 和 Vue 哪些事儿 – 2. 趁手的开发工具 Vite
什么是开发工具 这里说的开发工具不是指电脑硬件或者代码编辑器（例如 VS Code），而是前端工具链、或者说项目脚手架，其核心的功能基本类似，大致包含： 使用模板创建项目初始目录和文件 管理...
2年前
vite项目自动配置路由
背景 项目过程中，你是否每加一个页面，都要添加路由的的烦恼？ 你是否想每加一个.vue文件，自动生成路由文件呢？ 下面这个插件，就可以解决你的这些烦恼。 安装 #Npm npm i -D unplugin-vue-ro...
2年前
Electron24+Vue3+Vite4从0开始搭建一个桌面应用
1. 现实问题 得益于 Vite 卓越的前端开发体验，越来越多的 Electron 项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于 Vite 搭建的 Electron 开发模板，但都存在着一些共同的问题...
2年前项目搭建与环境配置
项目搭建与环境配置： 使用 pnpm 包管理工具，搭建一个初步基于vite的react+typescript+sass+antd的项目。 本文目录如下： [TOC] 一、vite安装及配置 终端输入命令行，根据提示选择安装react+ts...
2年前Vite是如何对我们写的(vite.config.x)进行解析？
Vite配置解析是怎么做的？ 本文为笔者学习 Vite 源码时的一些笔记，如有错误，请指出✊ 也就是 怎么解析 我们写的 vite.config.ts等的vite配置文件 这一步是由 vite配置解析的resolveConfig函数...
2年前
记录一次Vite打包优化
记录一次Vite打包优化 前几天刚刚把毕设做完，使用的是Vue3 + Vite进行开发。在部署上线之后我发现页面加载速度很慢，因此看了几种常用的优化方式，对页面进行了一些优化。这里进行一下记录，主...
2年前
发布关于Strve.js的动态，被Vite团队核心成员点赞的那些事！
近日，在浏览之前发的推特文章时，发现了曾经被Vite团队核心成员 Matias Capeletto 点赞的一篇动态，心里格外的高兴。 被大佬认可，也是值得开心的一件事情。毕竟独立开发一个前端框架，其中的...
2年前
?两个简单的自定义插件，探究Vite的插件机制
文章首发公众号：萌萌哒草头将军，最近群里有抽奖，送出五本书，群里目前已经快20位小伙伴了，概率很大，感兴趣的小伙伴关注后联系我即可入群。个人联系方式：SunBoy_mmdctjj 阅读更多文章点这...
2年前vite多页应用配置
前言 最近项目的技术栈转到vue3 + vite + ts，有着一定的定制化构建需求，因此才有了以下实践。 目录结构 目前的构建需求是：一套配置+多模块页面输出。目录结构大致如下: ├─.vscode ├─dist...
2年前uniApp新模式: 使用Vue3 + Vite4 + Pinia + Axios技术栈构建
背景 使用Vue3 + Vite4 + Pinia + Axios + Vscode模式开发之后，感叹真香！不用再单独去下载HBuilderX。废话不多说，直接上干货！ 版本号 node: v16.18.0 vue: ^3.3.4, vite: 4.1.4 sass: ^1.62...
2年前
Vite 详解
在尤大的带领下，在社区的共同努力下，现在vite的发展可谓是日新月异，在这种大势所趋下，了解vite，并且掌握vite是势在必行的，所以今天稍微讲解下vite及其配置详情；Vite 的快，主要体现在两...
2年前
chatgpt-electron：基于electron+vite4+vue3跨端聊天模板
ElectronChatGPT 一款桌面端仿制chatgpt聊天模板项目。 使用最新前端vite4/vue3全家桶技术整合electron电脑端技术实现仿制chatgpt会话聊天程序。支持经典+分栏两种布局、暗黑+明亮主题、多窗口...
2年前
基于vite2+react+typescript前端开发工程化（二）
一、回顾简述 上一篇文章，主要讲述了前端工程初始化、目录结构、以及前端规范体系： 代码格式规范 代码质量规范 代码提交规范 版本管理规范 标准化和统一前端团队的代码风格和代码验证，可以大...
2年前抛弃legacy，拥抱Babel
背景 公司项目使用Vite + Vue3技术栈，为了兼容低版本浏览器，使用@vitejs/plugin-legacy做代码转换，关于@vitejs/plugin-legacy是如何做代码转换的，参考我的这篇文章。 不过@vitejs/plugin-le...
2年前