码迷,mamicode.com
首页 > 其他好文 > 详细

vs code 自定义代码片段

时间:2018-05-04 11:56:12      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:实例   style   语句   javascrip   用户   ctr   图片   切换   快捷键   

1.快捷键Ctrl+Shift+P打开命令输入 snippet : (也可以点击文件=>首选项=>用户代码片段)

技术分享图片

2.选择代码语言类型(这里以JavaScrpt为例)

技术分享图片

3.在javascript.json文件中

技术分享图片

prefix      :这个参数是使用代码段的快捷入口,比如这里的log在使用时输入log会有智能感知.
body        :这个是代码段的主体.需要设置的代码放在这里,字符串间换行的话使用\r\n换行符隔开.注意如果值里包含特殊字符需要进行转义.
        多行语句的以,隔开
$1          :这个为光标的所在位置.
$2          :使用这个参数后会光标的下一位置将会另起一行,按tab键可进行快速切换,还可以有$3,$4,$5.....
description :代码段描述,在使用智能感知时的描述

 4.实例

技术分享图片

5.智能提示效果

技术分享图片

6.实际代码片段输出效果

 技术分享图片

参考文章地址:https://www.cnblogs.com/summit7ca/p/5225494.html

       https://segmentfault.com/q/1010000011560076

vs code 自定义代码片段

标签:实例   style   语句   javascrip   用户   ctr   图片   切换   快捷键   

原文地址:https://www.cnblogs.com/sangzs/p/8989369.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!