乐趣区

关于vscode插件:vscode使用经验分享

1. 解决 vscode 无 ts 类型提醒的问题

前些日子在学 TS,看到视频里的老师用的 vscode,将鼠标移到变量或函数名上的时候,竟然能够显示类型提醒(也就是 any/string/number 这些),我大吃一惊。
为什么我的 vscode 没有?
是装置了什么插件吗?
到处问,到处查,扭转 vscode 设置,钻研几天后,我才发现,原来这是它自带的,只不过我之前迷迷糊糊地可能改了配置了。
其实,只有复原默认设置即可,具体做法如下:
删除 c 盘的 administrator 里的.vscode 文件夹,和 appData 文件夹里的 code 文件夹(Roaming)。

2.vscode 热门扩大举荐

vscode 最大的长处就是能够很不便地增加扩大,不必翻墙,也不必去满是流氓软件包的下载网站里找。关上扩大一栏,一搜一装置,搞定。
以下扩大依照顺序排列,前期遇到好用的会不断更新:

  • 别名门路跳转,vue 我的项目中哪怕是‘@/’结尾的门路,点击 Ctrl + 左键都能够跳转
  • bracket pair colorizer, 高亮分色彩辨别不同层级的小括号花括号
  • Chinese (Simplified) (简体中文),中文包必定是必备,看着亲切
  • gitlens,可在编辑器页面显示 git 更新工夫
  • Highlight Matching Tag,高亮显示鼠标所在标签的开始和结尾
  • indent-rainbow,让缩进更直观
  • postcode, 相当于 postman 插件版
  • Vetur,开发 Vue2 我的项目必备
  • vscode-icons, 文件目录图标加强
  • vue-component,可疾速显示组件对应的必备属性
  • Vue Language Features (Volar),开发 Vue3 必备,不过目前和 Vetur 互相制约,两者在应用的时候记得禁用另一个
退出移动版