编辑器IDE之VSCode

很多时候面临换项目组，公司内部换等等，需要清除之前的权限，电脑更换等... 确实很烦人，所以记录也是给自己下次更加快速方便的使用

插件安装

个人常用的一些插件，发现好用的会更新

插件名	功能
vscode-fileheader	文件头部信息
ESLint	代码校验工具
Code Time	统计coding时间
Code Spell Checker	拼写检查
Auto Close Tag	自动闭合标签
Auto Rename Tag	修改HTML标签时，自动修改匹配的标签
TODO Highlight	toDo高亮
Bracket Pair Colorizer	用不同颜色高亮显示匹配的括号
vetur	vue代码提示插件
vscode-icons	文件图标
One Dark Pro	vscode主题
Code Time	统计coding时间
Local Histoty	本地历史文件，答应我，一定装好么，再也不怕误操作了
GitLens — Git supercharged	按行显示git修改记录
Live Server	启本地服务
TODO Highlight	todo fixme 的高亮显示
Fira Code（字体文件）	不是插件，是近期喜欢用的字体，新手误用，会修改基础的语法显示，不是很建议新手去使用

vscode eslint 配置

1. vscode 下载eslint插件
2. npm install -g eslint 全局安装eslint
3. vscode 用户设置配置 (settings.json)

  {
  //为了符合eslint的两个空格间隔原则 
  "editor.tabSize": 2,
  // 保存后自动修复格式
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.validate": [
    "javascript",
    "vue"
    "html",
    "vue"
  ]
}

1. 项目中有eslint的配置文件 即可用eslint的基本配置

setting.json

部分setting设置

{
  "workbench.iconTheme": "vscode-icons",
  "workbench.colorTheme": "One Dark Pro",
  "explorer.confirmDelete": false,
  //字体设置
  "editor.fontFamily": "Fira Code",
  //支持编程字体
  "editor.fontLigatures": true,
  //为了符合eslint的两个空格间隔原则 
  "editor.tabSize": 2,
  //关闭自动文件自动存储
  "files.autoSave": "off",
  // 保存后自动修复格式
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  //使用eslint规则重新格式化代码
  "eslint.validate": [
    "javascript",
    "vue",
    "html",
    "vue"
  ],
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "aligned-multiple"
    },
    "prettyhtml": {
      "printWidth": 100,
      "singleQuote": false,
      "wrapAttributes": false,
      "sortAttributes": false
    }
  }
}

问题记录

左侧活动栏

左边活动栏搜索按钮没了，文件->首选项->设置

  // 控制搜索功能显示在侧边栏还是水平空间更大的面板区域
  "search.location": "sidebar",