我的前端学习资源汇总

2023-03-27

字数统计: 1.1k | 阅读时长≈ 5 分钟

本篇本章是想将我前端之路上的各种资源，包括视频、博客、网站、我自己电脑常用的软件进行归纳整理备份。虽然谷歌浏览器相关的已经和我的谷歌账号绑定了，vscode 相关的也和 github 账号绑定了。但还是手动备份一份心里踏实一些。

一、常用软件

浏览器：Chrome、Edge、Firefox

Chrome 浏览器插件：Vue.js devtools、iGG 谷歌学术助手、RSS Reader Extension

代码编辑器：VSCode

VSCode 插件：any-rule、Atom One Dark Theme、Auto Rename Tag、ChatGPT 中文版、Chinese（Simplified）（简体中文）、Code Runner、Codeif、Easy LESS、Error Lens、ESLint、HTML CSS Support、JavaScript（ES6）code snippets、jQuery Code Snippets、Live Server、Material Icon Theme、open in browser、Prettier-Code formatter、px to rem&rpx&vw（cssrem）、vscode-icons、Vue Language Features (Volar)、VueHelper、Vetur

VSCode 字体：Fira Code

VSCode 中 settings.json 设置

{
  "editor.formatOnSave": true,
  "security.workspace.trust.untrustedFiles": "open",
  "workbench.iconTheme": "material-icon-theme",
  "liveServer.settings.donotShowInfoMsg": true,
  "workbench.colorCustomizations": {
    "editor.lineHighlightBackground": "#1073cf2d",
    "editor.lineHighlightBorder": "#9fced11f"
  },
  "editor.wordWrap": "off",
  "diffEditor.wordWrap": "off",
  "editor.guides.bracketPairs": false,
  "liveServer.settings.CustomBrowser": "chrome",
  "code-runner.runInTerminal": true,
  "vsicons.dontShowNewVersionMessage": true,
  "emmet.triggerExpansionOnTab": true,
  "explorer.confirmDelete": false,
  "editor.inlayHints.enabled": "on",
  "less.compile": {
    "out": "../css/"
  },
  "cssrem.rootFontSize": 80,
  "cssrem.vwDesign": 1920,
  "vetur.completion.scaffoldSnippetSources": {
    "workspace": "💼",
    "user": "🗒️",
    "vetur": "✌"
  },
  "emmet.syntaxProfiles": {
    "vue-html": "html",
    "vue": "html"
  },
  //vue自动补全
  "files.associations": {
    "*.vue": "vue",
    "*.ejs": "html",
    "*.js": "javascript"
  },
  "vetur.experimental.templateInterpolationService": true,
  "vetur.validation.interpolation": false,
  "workbench.tree.renderIndentGuides": "always",
  "workbench.tree.indent": 18,
  "workbench.preferredHighContrastLightColorTheme": "Default Dark+",
  "workbench.preferredLightColorTheme": "Default Dark+",
  "eslint.enable": true,
  "eslint.run": "onType",
  "eslint.options": {
    "extensions": [".js", ".vue", ".jsx", ".tsx"]
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "workbench.colorTheme": "Atom One Dark",
  "editor.tokenColorCustomizations": {
    "comments": {
      // 设置字体样式 加粗 下划线 斜体等
      "fontStyle": "italic",
      // 设置字体颜色
      "foreground": "#4CAEE2"
    }, // 注释
    "keywords": "#0a0", // 关键字
    "variables": "#f00", // 变量名
    "strings": "#e2d75dbd", // 字符串
    "functions": "#5b99fcc9", // 函数名
    "numbers": "#AE81FF" // 数字
  },
  "prettier.trailingComma": "es5",
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.fontLigatures": true,
  "editor.fontVariations": false,
  "settingsSync.ignoredSettings": ["terminal.integrated.fontFamily"],
  "editor.fontFamily": "Fira Code",
  "http.proxyAuthorization": null,
  "vetur.format.defaultFormatter.js": "prettier-eslint",
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "singleQuote": true, //用单引号
      "semi": false //不加分号
    }
  },
  "editor.inlineSuggest.enabled": true
}