vscode使用经验分享

1.解决vscode无ts类型提示的问题 【vscode使用经验分享】前些日子在学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相互制约,两者在使用的时候记得禁用另一个

    推荐阅读