代码编辑器Cursor
2025年了, 说到代码提示, 除了用copilot, 其实现在集成了vscode与copilot的Cursor,开发体验或许会更好, 强烈推荐!
首先它是在vscode基础上扩展的编辑器, 用vscode的同学可以无缝迁移, 完全不用担心上手成本, 用习惯vscode基本上也用的惯cursor, 第一次用还会自动帮忙导入vscode插件,简直比我10斤的棉袄还贴心啊有木有~
另外经常用gpt的同学应该懂这个尴尬, 需要修改一段代码, 要把原代码和上下文粘贴给gpt, 生成完之后再复制回来, 一来一回不仅麻烦, 粘过来的代码还可能粘错, 影响效率, 而cursor中提供了文本选取功能, 选中文本点击edit, 原地输入prompt, 提交之后自动原地替换, 省心省力, 我现在都是直接写这个函数名, 然后让都它帮我生成,实在太香了😭
不过在ai爆炸的时代,原地修改edit只能算很基础的功能了, 还有一个痛点, 比如提问的上下文涉及多个文件中, 粘贴多个文件会比较麻烦, 而且gpt还可能分不清, 这个问题cursor解决的不错, 选中内容点击chat, 输入内容后按住command+回车发送, 它会自动读取项目中相关的文件来获取上下文,也可以自己再添加文件, 省去手动操作的繁琐, 同时还可以一键替换代码, 修改多个文件, 作弊利器啊! 这可千万别被老板发现了
说到这,我想吐槽一下,有些博主自己可能都没有怎么用过cursor,就在网上拉踩,说专业的人该用copilot,不用cursor什么的,但实际上cursor就是vscode,也可以装上copilot插件一起用,并且cursor的tab提示在项目开发中准确度也相当不错,我在这给cursor证个清白
除了强烈推荐的cursor,还跟大家准备了一些实际开发中会经常用到的一些插件,也非常的实用,感兴趣的同学可以点个收藏和赞~毕竟你的一个赞,我得干3年(狗头保命
Code Spell Checker
检查单词拼写, 避免低级错误, 使用后再也不用担心单词拼错啦! 话说我经常用这个检测出prd里单词的错误,产品姐姐老夸我细了~ 还可以自定义检查哦
Turbo Console Log
快捷键自动生成log, 也是非常非常实用的插件,选中一段代码后按快捷键,会自动根据上一级的函数名或变量名生成log,再也不用烦恼怎么给log取名了,以自定义图标
Copilot 和 通义千问
copilot应该不用多介绍了,写代码神器,tab tab两下就完事了,还没用过的一定要试试噢~ 通义是阿里的代码补全插件, 推荐它主要是因为它免费。。毕竟有时候copilot次数会用完。。自行车好歹也是车
GitLens和GitHistory
查看代码提交记录, 详细历史, 多人协作神器,项目开发必备!
Highlight Matching Tag
点击div标签时底部可以高亮, 方便确认标签位置, 算是看似不重要但很有用的小功能吧
indent-rainbow
和上面一样,给代码的标签和函数作用域更直观,经常找div的开始标签和结束标签的小伙伴应该会喜欢~
CSS Peek
选中类名, 会自动跳转到对应css文件和代码位置, 不管vue还是react都很方便
CSS Var Complete
使用它之后全局写的css变量名,会有提示,css变量名通常都不好记,有个智能提示方便很多~
Svg Preview
vscode中svg没有预览,用这个插件后点一下svg文件,就能出现展示啦
Todo Tree
它可以快速检索在代码中添加的todo,fixme标记,并在侧边栏展示出来,点击之后便能跳到对应的文件,同时还可以设置不同图标和颜色
Live Server
可以为本地html启动一个热更新服务,更改html文件页面则会实时刷新,html调试神器!
未完待续~ 欢迎大家在评论区一起分享好用插件~