VSCode 用户代码片段和生成器
2024-09-20
2
1. 创建用户代码片段文件
2. 用户代码片段文件配置
3. 代码片段生成器在线网站
1. 创建用户代码片段文件
找到并点击 Code —> 首选项 —> 用户片段
用户代码片段配置文件有三种类型: 单语言代码片段、全局代码片段、当前项目代码片段
单语言代码片段配置文件: 语言名称.json,全局语言代码片段配置文件: 名称.code-snippets,当前项目代码片段配置文件: 名称.code-snippets,存放在当前项目根目录下的 .vscode 目录
2. 用户代码片段文件配置
手动触发代码片段提示: ctrl + space (空格键)
用户代码片段配置文件存放目录如下所示,将路径中的用户名替换成你自己的即可
mac (因为路径中含有空格,所以路径必须使用引号包括起来)
cd '/Users/liang/Library/Application Support/Code/User/snippets'
windows
cd 'C:\Users\Administrator\AppData\Roaming\Code\User\snippets'
全局代码片段文件相对单语言代码片段文件只是多了一个 scope 配置项
scope 用于指定当前片段适用的语言范围,多个语言使用英文逗号分隔, 省略时对所有语言有效
{ "打印数据 console.log(variable)": { "scope": "javascript", "prefix": "l", "body": [ "console.log($0)" ], "description": "console.log(variable)" }}
3. 代码片段生成器在线网站
用户代码片段生成器: https://snippet-generator.app
有些代码设置代码片段时转换格式很麻烦,可以通过上面的在线网站生成,非常方便快捷
更新于:2小时前赞一波!
相关文章
- VSCode代码美化插件推荐
- 如何使用VSCode CodeGPT插件?
- 获取用户授权的手机号【微信小程序】
- wx.chooseAddress() 获取用户收货地址
- 春节代码 新年快乐html 灯笼js
- 圣诞树代码 下雪
- 表白代码,爱心树html
- VSCode搭建ASP.NET开发环境
- VSCode 开发必备插件以及配置
- git pull 从远程获取代码并合并本地的版本
- 使用C#的Socket实现最简单的TCP通信示例代码
- vscode中自动将json格式的内容自动生成对应的代码
- 代码写得好 在哪里都能蹦迪
- C#检测网络端口是否被占用的参考代码
- vscode打开代码中文显示乱码的问题
- VSCode 安装ESLint并配置为保存自动格式化
- HTML-CSS-JS Prettify 代码格式化插件
- 有没有一个在线工具可以将Python代码转换为Java代码?
- 为什么C代码比Python代码运行得更快?
- 你如何在 Python 中编写自动售货机代码?
文章评论
全部评论