🔥通用工具
Snipaste -- 轻量简洁的截图工具
使用免费的版本就够用了www.screentogif.com/downloads
使用: F1截图 F3固定 就这么简单
ScreenToGif -- 免费的屏幕GIF录制工具
Ditto -- 粘贴板历史
可以在 option 中设置中文,剪切和粘贴快捷键
好用便签 -- 免费 无广告 云同步
支持: 普通便签、代办事项清单、提醒、时间轴
🐞vscode 插件
✅ 通用插件(通用于多语言、多项目类型的开发效率工具)
插件名称 | 主要功能描述 |
---|---|
background | 给 VS Code 编辑器添加背景图片。 |
Material Icon Theme | 提供 Material Design 风格的图标,提升文件辨识度。 |
Path Intellisense | 自动补全路径,适用于各类文件系统项目结构。 |
Prettier - Code formatter | 使用 Prettier 自动格式化代码,统一风格,支持多语言。 |
Live Server | 启动本地开发服务器,实时预览静态文件,适合前端也适合 Markdown 等文件预览。 |
Markdown Preview Enhanced | 增强 Markdown 的预览体验,支持图表、LaTeX、幻灯片等。 |
GitHub Copilot | AI 自动补全、代码建议工具,适用于各类语言。 |
GitHub Copilot Chat | AI 聊天助手,支持自然语言编程交互。 |
background 插件使用:setting.json 中配置,其他配置看使用说明
"background.fullscreen": {
"images": [
"file:///D:/Wallpaper/%E4%BA%8C%E6%AC%A1%E5%85%83%E5%B0%91%E5%A5%B3.png"
],
"opacity": 0.4,
"size": "cover",
"position": "center",
"interval": 0,
"random": false
},
💻 前端开发插件(专注于 HTML/CSS/JS/框架开发的辅助工具)
插件名称 | 主要功能描述 |
---|---|
Auto Close Tag | 自动补全 HTML/XML 标签(适用于前端模板/页面)。 |
Auto Rename Tag | 同步重命名 HTML/XML 成对标签。 |
Color the tag name | 给 HTML 标签着色,增强结构可读性。 |
Highlight Matching Tag | 高亮匹配的 HTML/XML 标签,便于快速理解嵌套结构。 |
HTML CSS Support | HTML 文件中提供 CSS 智能提示与补全。 |
SCSS Formatter | 格式化 SCSS 文件,规范样式代码结构。 |
Vue - Official | 官方 Vue 插件,支持语法高亮、提示、组件识别等。 |
vue3-snippets-for-vscode | 快速插入 Vue 3 模板代码片段。 |
JS JSX Snippets | 为 React/Redux 提供常用的 JS/JSX 代码片段。 |
Simple React Snippets | 快速插入 React 函数组件、Hooks 等代码模板。 |
🌐谷歌浏览器插件
插件名称 | 主要功能描述 |
---|---|
WeTab 新标签页 | 提供自定义的新标签页界面,支持多种组件与深色模式配置。 |
💓Adblock Plus | 屏蔽网页上的广告,包括 YouTube 广告,提升浏览体验。 |
Google 文档的离线功能 | 允许用户在离线状态下编辑、查看 Google 文档等,提高办公灵活性。 |
💓ReLingo | 网页实时双语翻译工具,支持划词翻译、Netflix/Youtube 等平台字幕翻译。 |
💓SponsorBlock for YouTube | 跳过 YouTube 视频中的赞助广告、片尾等冗余部分,节省观看时间。 |
Wappalyzer - Technology profiler | 分析并识别当前网站使用的技术栈 |
网页万能复制 | 一键解除网站禁止复制、禁止右键、禁止全选等限制,提升页面内容获取效率。 |
强烈推荐 WeTab 新标签页
插件,可以收藏常用网站然后云端保存,对于我这种爱折腾的人来说,下载浏览器登陆账号,网站都回来了