XiaoBao One Enough

本插件还处于测试阶段，还存在许多bug。如果遇到问题欢迎issue or PR.

本插件适用于校宝在线前端人员的日常开发与维护，取名OneEnough也是本插件的一个期望，希望可以完善越来越多的功能，成为一个校宝在线前端开发的多面手。

GitHub:https://github.com/cydiacen/xb-frontend-extension

插件下载：https://marketplace.visualstudio.com/items?itemName=cydiacen.xb-one-enough

安装方法

在vscode中使用快捷键 Ctrl+P，然后输入命令：

ext install xb-one-enough

功能点

MarkDown 汉字统计

当初做这个功能只是为了了解下大概的vsc插件编写方案。官方的教程是计算英文字符数，稍加点自己的逻辑，就实现了统计中文字数。并且可以方便每次自己写完md文件，清楚的知道大概码了多少汉字。

基于SIS前端文件架构的component属性提示。

于2017年11月10日添加了此功能，这个功能保留在我的ToDoList里很久了，一直没有时间去研究。

这个想法主要来自于日常开发时候对于他人编写的组件模块的不熟悉，总是频繁的在多个文件之中切换。本次只是初版，只是提供了对组件的属性提示，并且会显示bindings上备注的信息，方便了解各个属性的功能和用法，也可以直观的了解到哪些是非必要属性，接下来会再考虑更深入的添加些更加便利的功能。

使用方法：

在需要显示智能提示的组件行内,输入'-',出现的以-为开头的提示，就是组件所定义的属性。

基于SIS前端架构的双语自动补充功能. -- 2018-05-22 16:25:32

这个想法主要是来源于目前双语操作的繁琐与机械式体验,所以打算完成一个智能匹配当前操作文件的可能需要双语化的文案,并且自动生成语言包或在语言包内部添加字段.

使用方法:

1. `Ctrl/Command` + `Shift` + `P`,在调起的命令行输入框内输入`sis`
. 选择对应的sis开头的功能
3. 如果文件内存在可能需要双语的文案,会出现一个多选框,可以勾选需要转换的文案之后点击确认或者敲回车.
4. 选择转换之后的代码形式,敲回车.
5. 当前页面对应的文案会自动包上双语的处理,并且会在当前文件所在的目录补充双语.

增加xbView面板,在这个面板里维护几个常用小功能:

npm依赖树查看:

可以快速的查看当前项目中的依赖情况,点击编辑图标可以新开一个项目窗口查看第三方库的源码.

脚本列表:

由于vscode自带的脚本列表内的脚本是平铺布局的,不够直观,而且这样会让script越来越多,不够清晰,所以开发了这个功能.

可以自定义树型结构设置脚本,并且启动父级节点可以批量执行所有子节点的脚本. 树型结构的框架可以在vscode设置-xbView.scriptMenu内针对工作区进行自行设置,数据模型为:

[{
    title:string,//节点名称
    nodes:object[],//子节点集合
    des:string,//节点描述
    script:string//节点脚本 不可与nodes同时使用
}]

下面放张gif演示下具体功能 gif

小更新点: 支持命令行内置变量[$$version,$$ip] 用于根据不通环境执行传递不同参数----2020-03-26 20:44:53 具体作用于setting.json中的配置项,如一键pull push不同remote:

"xbView.scriptMenu": [
		{
			"title": "同步代码,远端:group",
			"nodes": [
				{
					"title": "pull group",
					"script": "git pull group $$version"
				},
				{
					"title": "push origin",
					"script": "git push origin $$version"
				}
			]
		},
	]

XiaoBao One Enough

Cydiacen.

XiaoBao One Enough

安装方法

功能点