以前使用 Xcode 的时候，有一种方法可以把自己常用的「代码片段」保存起来，当在 Xcode 输入某个字符时即可提示你所保存的代码片段，可快速地完成编码。

创新互联公司长期为上千多家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为浦北企业提供专业的网站建设、成都网站设计，浦北网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。

今天查了下 VSCode，也有类似的功能，分享给大家。

比如我们创建一个 vue 组件的时候，通常会输入：

我们习惯了粘贴复制，其实可以把这个代码定义成代码片段，以后输入一个字母既可以输入这些代码。

打开 VSCode，依次点击：

Code -> Preferences -> User Snippets -> New Global Snippets file，输入一个 snippet 文件名，我起名 vue，定义了两个代码片段：

(1) 打印输出

(2) vue 组件

 
 
 
 

  
  
  
  
{
  
  
  
  
  "console": {
  
  
  
  
    "scope": "javascript,typescript",
  
  
  
  
    "prefix": "sy_log",
  
  
  
  
    "body": [
  
  
  
  
      "console.log('$1');",
  
  
  
  
      "$2"
  
  
  
  
    ],
  
  
  
  
    "description": "wsy to console"
  
  
  
  
  },
  
  
  
  
  "component": {
  
  
  
  
    "scope": "",
  
  
  
  
    "prefix": "sy_component",
  
  
  
  
    "body": [
  
  
  
  
      "",
  
  
  
  
        "",
  
  
  
  
      "",
  
  
  
  
      "$3",
  
  
  
  
        "",
  
  
  
  
        "",
  
  
  
  
      "",
  
  
  
  
      "$4",
  
  
  
  
        ""
  
  
  
  
    ],
  
  
  
  
    "description": "component of vue"
  
  
  
  
  }
  
  
  
  
}
 
 
 
 

当在 VSCode 代码区域中输入 sy 的时候会提示 sy_component 和 sy_log。

选择 sy_log ，按回车，输入的代码如下：

 
 
 
 

  
  
  
  
console.log('');
 
 
 
 

选择 sy_component，按回车，输入的代码如下：

更多使用技巧，自己摸索一下即可!大家加油!

网站栏目：VSCode一字十行之代码片段
本文URL：http://csdahua.cn/article/djcgjcp.html