VS Code 前端常用插件以及舒适的使用

常用插件

• vs code中文插件

  
  
  image.png

• 后缀自动补全

  
  
  image.png

• 同步修改标签

  
  
  image.png

• 彩虹括号

  
  
  image.png

• less

  
  
  image.png

• ES lint 语法检测

  
  
  image.png

• HTML CSS JS 输入提示

  
  
  image.png

• 跳转到浏览器打开网页

  
  
  image.png

• 路径补全

  
  
  image.png

• vs code左侧的图标修改主题

  
  
  image.png

• 多数人使用的主题

  
  
  image.png

• vue语法提示，vue模板补全

  
  
  image.png

舒适的使用

• 打开vscode 设置，修改字体大小为自己感到舒服的大小，编程字体建议用consolas，第二个写微软雅黑字体，在写中文的时候就不会显示默认的宋体。

  
  
  image.png

• 在设置上面输入.se打开提示的settings.json编辑

  
  
  image.png
  
  

  下面的代码可以修改注释的颜色，可以改成自己看着舒服的颜色

  
  
  image.png

  "editor.tokenColorCustomizations": {
        "comments": "#408653", // 注释
    },

• 取消注释的斜体展示
  打开使用的主题，右键，选择扩展设置

  
  
  image.png
  
  

  把那个斜体的关掉就行，如果函数名要加粗可以把第一个勾勾上

  
  
  image.png