VSCode

一个轻量级但功能强大的源代码编辑器

Posted by page on November 8, 2022

VSCode

控制台

输出

vscode右下角控制台【输出】栏可查看所有插件运行状态与输出日志

settings.json

files.eol:换行符;\n LF换行;\r\n CRLF回车换行

.vscode

为项目新增vscode工作区设置

.vscode/setting.json

为项目添加vscode工作区配置,控制项目在vscode中设置项,如:

强制使用项目eslint/prettier依赖作为检测,且自定义项目格式化/代码检查插件

{
  "eslint.format.enable": true,
  "eslint.nodePath": "./node_modules",
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "prettier.prettierPath": "./node_modules/prettier",
}

.vscode/extension.json

为项目添加vscode插件配置,控制项目在vscode中推荐/禁用插件,如:

{
  "recommendations": [
    "michelemelluso.code-beautifier",
    "dbaeumer.vscode-eslint",
    "esbenp.prettier-vscode"
  ],
  "unwantedRecommendations": []
}

快捷键

注释

ctrl + / 单行注释

shift + alt + a 多行注释

shift + alt + i 多行尾部插入

koroFileHeader 插件额外支持

ctrl + window + i 生成文件头

ctrl + window + t 生成函数参数注释

函数/模块注释格式

/**

 * 函数/模块名 描述功能

 * @param {string} name 名字

 * @param {*} value 数值

 * @params {类型说明} 参数名称 参数描述

 */