Vswift 零代码开发工具

103 阅读2分钟

前言

当开始一个新项目时,可能需要用 $ npm create vite$ npm create vue 命令创建初始项目框架,然后根据需要完善 git、husky、vite、eslint、prettier、env、tsconfig、npmrc 等相关配置才能符合公司的项目开发需要和满足多人协作的开发约束,还需要封装一些基础方法和组件满足常用场景下的代码复用,完善这些配置虽不难,但点多繁杂,需要不断地调试和完善才能投入使用;这里推荐一款灵活的快捷开发工具 vswift 来实现项目框架的快速、按需创建,vswift 基于一个可视化配置平台的配置数据动态生成项目,且支持通过配置的 view 视图数据来生成相关的代码文件,基本无需手敲一行代码即可完成项目的搭建和常规页面的开发。友情提示:事先搭好梯子!!!

Vswift 简介

Vswift 是基于 monorepo 架构开发的快捷开发工具,主要依赖 visual-developmentvswift-formvue-admin 来完成使命。

如何使用

安装依赖

npm install -g @vswift/cli

安装完成后运行 vswift -v 命令,如果输出版本则安装成功。

可视化配置

在可视化开发平台配置项目数据,然后导出json数据。可视化开发平台负责完成项目和视图的数据配置,提供给 vswift 使用,点击 这里 在线预览。

配置目录

使用 vswift 命令配置可视化开发平台导出的 json 文件目录,即浏览器下载目录。

vswift config set configFileDir "<dir>"

示例:

vswift config set configFileDir "C:\Users\Administrator\Downloads"

运行 vswift config list 查看是否设置成功。

按需生成项目

vswift generate project <name>

如果导出的项目 json 文件为 vswift-project.json,示例:

vswift generate project vswift-project

注意:name 不需要 .json 后缀。

按需生成视图

vswift generate view <name>

如果导出的视图 json 文件为 example.json,示例:

vswift generate view example

同时生成多个视图,示例:

vswift generate view example1,example2,example3

注意:name 不需要 .json 后缀,英文逗号分隔多个 name 可以同时生成多个 view 视图页面。

后语

Vswift 的目标是实现接近零代码的快速开发,还有许多待完善和优化的地方,下一个目标将支持 React 项目模板,欢迎有建设性的意见!!!