我的作品 🚀vscode 片段提示也被我们玩出花了,和兄弟一起开发的第一个工具。

wurencaidelli(无人睬的鲤!) · 2024年08月16日 · 258 次阅读

您只需要输入一个您定义的简写字母就能导入您提前设置好的代码片段。也不用简写,vscode 也能智能的给您推荐。

CODESS

https://codess.dumogu.top/

一个结构化的 vscode 代码片段管理器,通过 本地包 (本地某个文件夹) 或 官网 的 远程包 (代码片段集合) 生成本地项目的 vscode 代码片段配置。

不使用 vscode 的话也能在命令行中通过某个触发词搜索某个代码片段。

什么是 vscode 代码片段

在 Visual Studio Code (VSCode) 中,代码片段( Code Snippets )是一种提高编码效率的功能,它们是预定义的代码模板,可以通过对应的触发词快速插入到编辑器中。使用代码片段可以减少重复性编码工作,提高开发速度,并帮助维护代码一致性。 比如:

让我们来试一下,首先您得有一个 node 的项目,并且安装codess

npm install --global codess

codess 是一个 npm 包,为什么不用插件呢,我们觉得包能更好更方便的项目化区分。

接着安装一个远程包,我们这里安装一个用作测试的包

codess install codess-example@1.0.0

远程包就是提示词包,安装一个包就能体验到包里的提示词了。

在安装之前,您可以测试一下包中的代码片段,看是否适合自己,如果不适合,您可以自己编写自己的包,如果您不想使用我们的网站,您也可以编写本地包。 codess-example@1.0.0 包详情 codess-example@1.0.0 包预览

安装了包后您就可以在 vscode 输入字符来测试了,输入 for ,就会提示你使用 for 相关的代码片段,帮助您提高开发速度。可能 for 只是一个很简单的提示词,不用安装包 vscode 也能提示,但这只是一个很简单的例子,您能按照自己的开发习惯定义提示词。

注意,提示词是有作用域限制的,如果您的提示词作用域是 javascript ,那么它就只能在编写 javascript 中起作用。

您还可以安装本地包,这样您就可以创建只有本地才能使用的包了,您也可以创建一个账户添加远程包,具体见文档中的方法,或者在网站中探索。 文档 官网

第一次和兄弟一起做的工具,文档和交互方面也许不是那么易读流畅,我们会慢慢进步的。

暂无回复。
需要 登录 后方可回复, 如果你还没有账号请 注册新账号