手摸手教你打造一个支持内嵌网页的VS Code插件，实现Vue项目前端表单代码的自动生成，早日实现摸鱼自由。

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

本文比较基操，主要是有一个流程概念。第二弹已出：传送门 所谓的脚手架，在我看来，就是一个集成项目初始化、调试、构建、测试、部署等等流程，能够让使用者专注于code的工具。用白话说就是，一个建筑已经搭好架子，我们只需要不断加入砖头就行。 脚手架命令脚本：我们所需要安装到全局的脚手…

本文主要记录本人在使用 NPM 发布具有样式的 react组件 时的完整实践流程，在这过程中踩了许多坑，花在完善发布脚手架的时间远多于开发组件的时间，于是记录下整个过程，希望能给大家提供帮助。 发布 react组件 的脚手架搭建。 开发组件。 打包组件，并在测试项目中引入打包组…

按惯例，先上GIF: demo1 banner Vue-Layout 基于UI组件的Vue可视化布局、生成.vue代码的工具。https://jaweii.github.io/Vue-Layout/dist GitHub | Demo 效果展示 demo2 后台布局图片的例子，你…

页面可视化搭建, 是一个历久弥新的话题. 更广义上讲, 页面是 GUI 的一部分, GUI 的拖拉生成在各种开发工具上很常见, 如 Android Studio, Xcode, Visual Studio 等. 前端页面早在十几年前就能用 Dreamweaver, Frontp…

模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。 Node.js是c…

我们都知道做后台项目打交道最多的就是表单了，因人而异在表单这块花费的时间也是不一样的，可以说表单占据了我们大部分的页面开发时间，因为起初团队里没有个统一的页面表单规范，可谓每个人都写得很freestyle了。也许我们当时只顾敲的一时爽，一直敲一直爽。但是欠下的债迟早有一天是要还…