vscode

一，下载

官方下载：
https://code.visualstudio.com/

速度慢的话也可以使用国内镜像
例如：
官方地址

https://az764295.vo.msecnd.net/stable/c185983a683d14c396952dd432459097bc7f757f/VSCodeSetup-x64-1.55.0.exe

换算为镜像地址为

https://vscode.cdn.azure.cn/stable/c185983a683d14c396952dd432459097bc7f757f/VSCodeSetup-x64-1.55.0.exe

重点在于
vscode.cdn.azure.cn 关键在这里

二，安装

基本上等于无脑下一步

三，插件

因插件推荐具有时效性，所以推荐安装后自行百度下载所需插件

四，我的配置

{
  "workbench.iconTheme": "eq-material-theme-icons-light",
  "liveServer.settings.donotShowInfoMsg": true,
  "editor.codeActionsOnSave": {
    // "source.organizeImports": true
  },
  "liveServer.settings.root": "/",
  "liveServer.settings.host": "127.0.0.1",
  "liveServer.settings.port": 5500,
  "liveServer.settings.AdvanceCustomBrowserCmdLine": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe",
  "editor.bracketPairColorization.enabled": true,
  "workbench.startupEditor": "none",
  "terminal.external.windowsExec": "C:\\Users\\BuildKay\\AppData\\Local\\Microsoft\\WindowsApps\\wt.exe",
  "editor.fontFamily": "JetBrains Mono, Consolas, monospace",
  "explorer.confirmDelete": false,
  "terminal.integrated.fontFamily": "Consolas",
  "editor.codeLensFontFamily": "JetBrains Mono",
  "workbench.colorTheme": "Material Theme Darker High Contrast",
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  /*  prettier的配置 */
  "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[javascriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[typescriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[less]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[scss]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[json]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[jsonc]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "prettier.printWidth": 80, // 超过最大值换行
  "prettier.tabWidth": 2, // 缩进字节数
  "prettier.useTabs": false, // 缩进不使用tab，使用空格
  "prettier.semi": true, //句尾添加分号
  "prettier.singleQuote": false, //单引号代替双引号
  // "prettier.arrowParens": "avoid", //  (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号
  "prettier.ignorePath": ".prettierignore", // 不使用prettier格式化的文件填写在项目的.prettierignore文件中
  "prettier.jsxSingleQuote": false, // 在jsx中使用单引号代替双引号
  "prettier.requireConfig": false, // Require a 'prettierconfig' to format prettier
  "prettier.trailingComma": "es5", // 在对象或数组最后一个元素后面是否加逗号（在ES5中加尾逗号）
  //其他配置
  "editor.bracketPairColorization.independentColorPoolPerBracketType": true,
  // "editor.unicodeHighlight.allowedLocales": {
  //   "zh-hant": true
  // },
  "editor.unicodeHighlight.allowedCharacters": {},
  "editor.tabSize": 2,
  "editor.semanticTokenColorCustomizations": {},
  "editor.formatOnSave": true,
  "emmet.useInlineCompletions": true,
  "explorer.compactFolders": false,
  "files.eol": "\n"
}

vscode 调节界面大小

设置搜索 zol

Window: Zoom Level
调整窗口的缩放级别。原始大小是 0，每次递增(例如 1)或递减(例如 -1)表示放大或缩小 20%。也可以输入小数以便以更精细的粒度调整缩放级别。

设置默认行尾字符

设置搜索 eol

Files: Eol
默认行尾字符。