vscodejs命名插件_vscode 有哪些让人眼前一亮的插件?

下载Settings Sync

设置令牌:

d0bc93dbc94e44ce0e9060431e408069

一键同步我的所有插件 ,

已打包好前端好用插件、配好配置

下面介绍一部分

1. 划词翻译

名称: A-super-translate

2. 好看主题

名称: Atom One Dark Theme / One Dark Pro

3. 自闭合标签

名称: Auto Close Tag

4. 保存书签,快速跳转到对应行

名称: Bookmarks

按下ctrl + shift + k ,添加书签,

ctrl +shift +j 切换上一个书签 , ctrl +shift +l切换下一个书签。可以夸文件。

需要在多个文件多代码快速切换时候非常有用小声插句话 ，知乎不支持gif？

5. js文档注释

名称: Document This

在函数上按下ctrl + alt + d ，自动生成注释 ，可配置

6. 统计文件大小

名称: filesize

安装后左下角有显示文件大小，点击可以查看详情

7. Git信息可视化

名称: GitLens — Git supercharged

非常方便查看改动记录 ，文件历史

作者统计等 ，更多功能在菜单。

8. 自动格式化CSS /SCSS/HTML/VUE/JS等

名称: Prettier Now

解决了prettier不支持函数前空格问题，

相信有人遇到过这个坑吧？

9.彩虹括号 ,让括号更易识别

名称: Rainbow Brackets

括号颜色成对出现

10. TabNine

机器学习自动补全变量 / 学习模拟结构 ,自动补全。

可以智能识别写过的代码结构。

以css为简单例子 ，假如你前文写过多次

height:1.07rem

line-height: 1.07rem;

当你写

height:22rem

再写line,会自动补全为

line-height: 22rem

还有,自动取名等强大的功能

内存劝退 ,大概占用200-300mb内存

11. 统计你写了多少代码 ,分别是什么文件

名称: VSCode Counter

安装插件后右键文件目录:

可以看到vant src目录下 代码 空白 注释共68,581行

12. 可视化统计你的工作时长

名称: WakaTime

会有统计图表,你做了哪些项目,耗费了多少时间 ,分别用了些什么语言,占比多少等等

13. 热更新代码 , 无需手动刷新浏览器

名称: Live Server

安装后在html文件中点击 go live ,或者右键

即可运行热更新 代码, 无需手动刷新浏览器.

在没有使用webpack时有用

14. 自动识别代码中的图片 ,在左侧显示图片预览

名称: Image preview

左侧显示图片预览 ,有用不解释

15. 路径补全

名称: Path Intellisense

可以在vscode的settings.json中加一个别名配置

//path-intellisense配置, 路径别名

"path-intellisense.mappings": {

"@": "${workspaceRoot}/src"

}