代码提示

copilot YYDS

  优：超级强的代码提示插件，可根据注释写代码，自动命名函数，编写方法
  缺：8月分后要开始收费了，服务很多时候登录不上

Tabnine

优：代码提示也比较友好，有免费版本
缺：提示强度不如copilot

HTML CSS Suport

HTML代码编写提示

Vue

Vue Language Features(Volar)

对Vue3，TS提示很友好，强烈推荐

vue-component

1. 鼠标移到组件标签名称时按Ctrl，点击标签名称可跳转到组件文件。
   
2. 鼠标悬浮到组件标签，提示组件属性和事件。
   
3. 标签内输入p-提示属性，输入e-提示事件，选中后自动输入。

代码格式化

Eslint

从代码规范的角度来说，项目中一定要有一套Eslint规范用于格式化代码

     //vscode 设置代码保存自动格式化
     "editor.codeActionsOnSave": {
      "source.fixAll": true
     },

工具类型

Path Intellisense

引入文件时路径提醒

驼峰翻译助手

一键转换大驼峰，小驼峰，可以中文翻译

GITLens

GIT管理工具，可以查看历史提交记录，查看分支，功能比较强大

Guides

页面竖向引导线，检查对其效果

Image preview

图片预览，能够在编辑器里面比较方便的查看引用图片

Javascript console utils

更加快速方便的使用console.log()

path-alias

解决使用@符号后文件无法跳转问题

Nested Comments

HTML 可实现嵌套注释

koroFileHeader

用于生成文件头部注释和函数注释的插件，支持所有主流语言,功能强大，灵活方便，文档齐全，使用简单！

Template String Converter

快速切换模板字符串，开发中很实用，引号变成模板符号

Auto Rename Tag

自动修改尾部标签