首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
「造轮子」我也写了个Vue3脚手架!分享完整思路代码
jqq666
创建于2025-04-08
订阅专栏
从0到1创建一个vue脚手架,支持typescript、jsx、router、pinia、vitest、eslint、prettier配置
等 4 人订阅
共12篇文章
创建于2025-04-08
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue3脚手架实现(三、命令行读取配置)
本文实现Vue3脚手架命令行交互:(1) commander解析参数;(2) inquirer选择功能(TS/Pinia等);(3)删除和生成项目目录
Vue3脚手架实现(十一、打包项目)
我们准备使用gulp + rollup 进行打包处理 安装包 我们先安装对应的包,里面除了@esbuild-kit/cjs-loader和@tsconfig/node22,我们在第一期都有所介绍 直接
Vue3脚手架实现(十、补之前配置)
我们之前使用`npm init @eslint/config@latest`会存在eslint.config.mts文件中有类型报错
Vue3脚手架实现(九、渲染typescript配置)
Vue3脚手架实现系列文章详解TypeScript配置,包括模块解析策略、路径别名、增量编译及与Vite/Vitest的集成,提供完整代码示例和配置模板。
Vue3脚手架实现(八、渲染vitest配置)
vitest增加配置分成哪几个部分。有vscode的插件提示配置;package.json的命令以及相关包配置;vitest.config.js配置;eslint配置;样例代码的配置
Vue3脚手架实现(七、渲染eslint配置)
实现ESLint配置渲染,包括基础配置、TypeScript集成和Prettier兼容方案,采用EJS模板自定义生成配置,并提供了完整的配置示例和实现代码。
Vue3脚手架实现(六、渲染router和pinia)
本文介绍Vue3脚手架集成vue-router和pinia的方法,包括依赖配置、入口文件修改和模板文件生成,支持模块化添加路由和状态管理功能。
Vue3脚手架实现(五、渲染jsx和prettier配置)
本期我们讲解比较简单的两个配置的渲染,在之前脚手架渲染的基础之上先增加两个简单的配置渲染 > jsx配置 > prettier配置
Vue3脚手架实现(四、模板渲染流程、渲染一个基础项目)
标题:Vue3脚手架核心实现:动态模板渲染引擎 内容:本文详解脚手架模板渲染引擎设计,基于ejs实现条件编译,通过.data.mjs解耦配置与模板,渲染一个基础的vue项目结构
Vue3脚手架实现(三、命令行读取配置)
本文实现Vue3脚手架命令行交互:1) commander解析参数;2) inquirer选择功能(TS/Pinia等);3) 智能处理目录冲突;4) 优化交互体验。为模板生成做准备。
Vue3脚手架实现(二、项目环境搭建)
本文讲解了 Vue3 脚手架工具的工程化环境搭建:1)初始化 ESM 规范的 Node.js 项目;2)配置 Prettier 实现代码自动格式化;3)Husky + lint-staged
Vue3脚手架实现(一、整体介绍)
最近项目需要,让我提供一个团队的脚手架项目,拥有类似 **create-vue** 的一些基本配置,还要引入团队自己的一些东西,自动的生成项目结构。 于是乎,我参考了 **create-vue** 的