代码片段

通过代码片段提高书写代码的效率

1. 启动配置 通过以下路径打开：文件 -> 首选项 -> 用户片段

2. 选择代码块作用域：

• 全局作用域：全部文件起效
• 文件夹作用域：指定文件夹下起效 这种类型的代码块是创建在某个文件下.vscode这个隐藏文件夹中的，这个代码块只适用于当前文件夹，出了这个文件夹就不能使用这个代码块了
• 文件类型作用域：只在特定文件类型下起效 这种类型的代码块跟全局作用域的文件路径是一致的，都是创建在了vscode中，会一直存在。但是这种代码块只适合于你指定的文件类型。比如：如果你创建的是JavaScript类型，那这个代码块就不能再vue文件中使用。

3. 配置代码块

{
  "Print to console": {
    // 特定文件类型下不要写此字段
    "scope":"css,javascript",
    // 触发代码块的字段
  	"prefix": "log",
    // 代码块主体内容
  	"body": [
  		"console.log('$1');",
  		"$2"
  	],
    // 该代码块的简单描述
  	"description": "Log output to console"
  }
}

变量说明

• $1：光标第一个位置，可以按数字依次填入光标的下一个位置
• $0：光标的最后一个位置
• $TM_LINE_INDEX：行号（从零开始）；
• $TM_LINE_NUMBER：行号（从一开始）；
• $TM_FILENAME：当前文档的文件名；
• $TM_FILENAME_BASE：当前文档的文件名（不含后缀名）；
• $TM_DIRECTORY：当前文档所在目录；
• $TM_FILEPATH：当前文档的完整文件路径；
• $CLIPBOARD：当前剪贴板中内容。
• $CURRENT_YEAR: 当前年份；
• $CURRENT_YEAR_SHORT: 当前年份的后两位；
• $CURRENT_MONTH: 格式化为两位数字的当前月份，如 02；
• $CURRENT_MONTH_NAME: 当前月份的全称，如 July；
• $CURRENT_MONTH_NAME_SHORT: 当前月份的简称，如 Jul；
• $CURRENT_DATE: 当天月份第几天；
• $CURRENT_DAY_NAME: 当天周几，如 Monday；
• $CURRENT_DAY_NAME_SHORT: 当天周几的简称，如 Mon；
• $CURRENT_HOUR: 当前小时（24 小时制）；
• $CURRENT_MINUTE: 当前分钟；
• $CURRENT_SECOND: 当前秒数。