VSCode 用户代码片段和生成器

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. 代码片段生成器在线网站


有些代码设置代码片段时转换格式很麻烦,可以通过上面的在线网站生成,非常方便快捷

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值