configuration

首先下载相关软件

git:https://git-scm.com/download/win
node:https://nodejs.org/download/release/
vscode:https://code.visualstudio.com/
chrome:https://www.google.cn/intl/zh-CN/chrome/

设置谷歌为默认浏览器，并配置相关扩展（随意添加）

https://chrome.zzzmh.cn/index#/index

配置 vscode 插件

Chinese (Simplified) (简体中文)
别名路径跳转
CSS Peek (样式类名跳转)
Auto Close Tag (自动添加HTML/XML)
Auto Rename Tag (自动重命名成对的HTML/XML)
Path Intellisense (路径提示)
Git History (git历史记录)
GitLens — Git supercharged (git历史记录)
Image preview (图片预览)
javascript console utils (快捷打印)
i18n Ally (i18n多语言)
open in browser (浏览器打开)
Power Mode (打字特效)
ESLint (代码校验)
Stylelint (代码检查)
Color Highlight (样式设置)
Prettier - Code formatter (代码格式化)
formate-custom: CSS/LESS/SCS (样式格式化)
DotENV (代码高亮)
Vetur (代码高亮)
Vue VSCode Snippets (vue代码片段)

settings.json :

{
  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false, // 重新设定tabsize
  "editor.tabSize": 2,
  "editor.wordWrap": "on",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
  "eslint.run": "onType",
  "eslint.validate": ["javascript", "javascriptreact", "vue"],
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }, // 默认使用prettier格式化支持的文件
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      // 结尾无分号
      "semi": false, // 超过140个字符换行
      "printWidth": 140, // 使用单引号
      "singleQuote": true, // 无尾随逗号
      "trailingComma": "none", // 箭头函数单个参数不加分号
      "arrowParens": "avoid"
    },
    "prettyhtml": {
      "printWidth": 140
    }
  }, // 同上prettier格式化代码
  "prettier.semi": false,
  "prettier.printWidth": 140,
  "prettier.trailingComma": "none",
  "prettier.singleQuote": true,
  "prettier.arrowParens": "avoid",
  "files.associations": {
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript",
    "*.txt": "vscode",
    "*.md": "vscode"
  }, // 打字特效
  "powermode.enabled": true, // 开启特效
  "powermode.shake.intensity": 0, //解决防抖 // 去除右上角图标
  "powermode.combo.counterEnabled": "hide",
  "powermode.combo.timerEnabled": "hide",
  "powermode.presets": "flames", // 火焰
  "powermode.combo.location": "off",
  "explorer.confirmDelete": false,
  "git.enableSmartCommit": true,
  "settingsSync.ignoredExtensions": [],
  "git.confirmSync": false,
  "explorer.confirmDragAndDrop": false,
  "security.workspace.trust.untrustedFiles": "open",
  "diffEditor.ignoreTrimWhitespace": false,
  "terminal.integrated.enableMultiLinePasteWarning": false,
  "workbench.colorTheme": "Dark+",
  "editor.foldingStrategy": "indentation",
  "editor.foldingImportsByDefault": true,
  "[scss]": {
    "editor.defaultFormatter": "xuwenjie.formate-custom"
  },
  "workbench.editorAssociations": {
    "*.svg": "default"
  },
  "editor.suggest.showStatusBar": true,
  "editor.unicodeHighlight.nonBasicASCII": false,
  "files.autoGuessEncoding": true,
  "trae.advanced": {
    "logLevel": "info",
    "logFile": false,
    "outOfScopeProcess": false,
    "debounceInterval": 125,
    "proxyMode": "system",
    "proxyUrl": "",
    "addToChatHint": true
  },
  "workbench.editor.empty.hint": "hidden",
  "editor.fontLigatures": false,
  "workbench.colorCustomizations": {}
  // "powermode.presets": "fireworks" // 烟花
  // "powermode.presets": "magic" // 魔法
  // "powermode.presets": "clippy" // 回形针
  // "powermode.presets": "simple-rift" // 粒子
  // "powermode.presets": "exploding-rift" // 粒子
}