vscode配置插件导出(vscode插件导出和导入)

vscode 插件可视化制作和管理脚手架及原理解析

提到脚手架,大家想到的可能就是各种 xxx-cli,本文介绍的是另一种方式:以 vscode 插件的形式实现,提供 web 可视化操作,如下图:

下面介绍如何安装使用,以及实现原理。

vscode 安装 lowcode 插件,此插件是一个效率工具,脚手架只是其中一个功能,更多功能可以查看 文档 ,这集只讲脚手架相关的。

插件安装之后,打开脚手架界面,步骤如下图:

可以直接使用分享的脚手架,勾选选项后直接创建即可:

在模板项目根目录下创建 lowcode.scaffold.config.json 文件,将需要做内容动态替换的文件加上 .ejs 后缀。

ejs 语法

一个完整 lowcode.scaffold.config.json 配置:

formSchema :

formSchema.schema 为 x-render 表单设计器 导出的的 schema,会根据 schema 构建出表单界面, formSchema.formData 为表单默认数据

创建项目的时候会将表单数据传入 ejs 模板中进行编译。

excludeCompile :配置不需要经过 ejs 编译的文件夹或文件。

conditionFiles :根据表单项的值,在创建项目的时候将某些文件夹或文件删除,比如:

当 lint 这个表单项的值为 false 的时候,配置的文件夹或文件 ".eslintrc.js",".prettierrc.js",将会在创建的项目中排除掉。

将脚手架提交到 git 仓库,注意开放项目的公开访问权限。

修改 仓库 中 index.json 内容,提交 pr。

下集再说插件其他功能,插件源码:

实用vscode插件:自动帮你写console.log —— Turbo Console Log

是否每次调试程序的时候,手动写console.log让你感觉厌倦?来来来,这里有一款vscode插件适合你,他就是:Turbo Console Log。

只要将想打印的变量选中,按住 ctrl + option + L (windows: ctrl + alt + L ),就能在变量下方自动插入一个console.log:

除此之外,该插件还支持多选插入console.log:

添加了注释后,还支持批量注释,批量删除打印的注释。可谓是从打印到清除一条龙服务。

不仅如此,插件还贴心地根据用户的书写习惯导出了一些配置,例如,默认的console.log是双引号切没有分号结尾的,你可以在插件的Setting.json中配置引号类型和是否在console.log结尾添加分号。免去要对eslint做处理的困扰。

参考资料:

Turbo Console Log - Visual Studio Marketplace

vscode的设置备份迁移

首先电脑上先安装vscode

插件: 目录为C:\Users(用户)\Administrator(你的用户名).vscode\extensions, 把此文件夹复制过去, 就相当于把你安装的插件复制过去了.

自定义设置:快捷键的配置文件在用户数据里, 目录是C:\Users(用户)\Administrator(你的用户名)\AppData\Roaming\Code\User, 建议把整个文件夹复制过去. 里面还包括你的一些自定义设置, 比如界面语言等.

361知讯网

本文链接:http://pdidw.com/vs/34340.html

发表评论

评论列表

还没有评论,快来说点什么吧~