《Cursor开发者实测：这14款工具让你的开发效率飙升200%》

编程语言 2025-04-09 18:22

0 阅读

1、Chinese (Simplified)(简体中文)Language Pack for Visual Studio Code —— 将编辑器改为中文

在这里插入图片描述

2、CSS Tree —— 生成css结构

在这里插入图片描述
1、选中代码
2、按住 Ctrl Shift + P，选择Generate CSS Tree
3、双击某一个div，Ctrl + D 选中所有div，删掉
4、将剩下的代码复制出来，刚刚的临时文件可以关闭了，无需保存。

3、Image preview —— 预览引入的图

在这里插入图片描述

4、Import Cost —— 鼠标悬停到image标签上会显示图片

在这里插入图片描述

5、Live Server —— 实时更新预览的HTML页面

在这里插入图片描述
右键：一个是打开，一个是关闭。

访问后的链接是这样的，相当于本地起了一个服务。

6、Markdown Preview Enhanced —— 编辑器中预览MD文档

在这里插入图片描述
找到md后缀的，右键打开侧边预览。
这个在Cursor编写 READEME.md 很给力。

7、One Dark Pro —— 超好看的代码主题

在这里插入图片描述

8、open in browser —— 打开浏览器

在这里插入图片描述
两种打开方式：
①、快捷键：Alt + B
②、右键打开

在这里插入图片描述

9、Path Intellisense —— 自动补全文件路径

在这里插入图片描述

10、Prettier - Code formatter —— 代码格式化工具

在这里插入图片描述

11、Time Master —— 记录你开发的所有项目的时间、增/删行数

在这里插入图片描述

12、vscode-icons —— 项目各文件类型的icon

在这里插入图片描述

13、TypeScript Vue Plugin (Volar) —— 格式化Vue和TS代码

在这里插入图片描述

14、Vetur —— 为Vue.js提供语法高亮、代码补全、错误检查、格式化、调试

在这里插入图片描述