从 WebStorm 转战 Cursor 的配置与插件记录

前言

体验了几天 cursor，说实话实在有点香，vscode 对比 webstorm 的缺点在 cursor 的各种便利下被磨平

迁移工作

快捷键设置

打开文件新开 tab 设置

设置中搜索 workbench.editor.enablePreview，设置为不启用

{
  "workbench.editor.enablePreview": false
}

• :

翻译插件

名称: Vscode Samge Translate 翻译助手 ID: Samge.vscode-samge-translate 说明: Quickly translate text right in your code 🚀 支持多种翻译命令（英译中、中译英、中文转多规则命名变量等），支持多种结果展示方式，支持百度、腾讯、阿里等翻译引擎。 版本: 0.0.9 发布者: Samge VS Marketplace 链接: https://marketplace.cursorapi.com/items?itemName=samge.vscode-samge-translate

名称: Code Translate ID: w88975.code-translate 说明: A pure vscode translation plug-in; 一款纯粹的 vscode 滑词翻译插件 版本: 1.0.20 发布者: w88975 VS Marketplace 链接: https://marketplace.cursorapi.com/items?itemName=w88975.code-translate

名称: Image preview ID: kisstkondoros.vscode-gutter-preview 说明: Shows image preview in the gutter and on hover 版本: 0.32.2 发布者: kisstkondoros VS Marketplace 链接: https://marketplace.cursorapi.com/items?itemName=kisstkondoros.vscode-gutter-preview

换行 { "key": "shift+enter", "command": "editor.action.insertLineAfter", "when": "editorTextFocus && !editorReadonly" }

粘贴代码格式化 format on paste

名称: change-case ID: wmaurer.change-case 说明: Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc) of the current selection or current word 版本: 1.0.0 发布者: wmaurer VS Marketplace 链接: https://marketplace.cursorapi.com/items?itemName=wmaurer.change-case

代码悬停提示 名称: Code Translate ID: w88975.code-translate 说明: A pure vscode translation plug-in; 一款纯粹的 vscode 滑词翻译插件 版本: 1.0.20 发布者: w88975 VS Marketplace 链接: https://marketplace.cursorapi.com/items?itemName=w88975.code-translate

模版 名称: File Templates ID: brpaz.file-templates 说明: This Extension allows to quickly create new files based on defined templates. 版本: 1.2.0 发布者: Bruno Paz VS Marketplace 链接: https://marketplace.cursorapi.com/items?itemName=brpaz.file-templates

树目录 名称: File Tree Extractor ID: Fuzionix.file-tree-extractor 说明: Generate a directory structure for the current project by simply copy and paste 版本: 1.3.1 发布者: Fuzionix VS Marketplace 链接: https://marketplace.cursorapi.com/items?itemName=Fuzionix.file-tree-extractor

tab 打开多个 "workbench.editor.enablePreview": false

editor.snippetSuggestions 代码片段提示优先级设置为 top 调整为最高

{ "key": "cmd+7", "command": "openInIntegratedTerminal" }

哎，标签对应修改都要安装个插件

名称: Auto Rename Tag ID: formulahendry.auto-rename-tag 说明: Auto rename paired HTML/XML tag 版本: 0.1.10 发布者: formulahendry VS Marketplace 链接: https://marketplace.cursorapi.com/items?itemName=formulahendry.auto-rename-tag

支持scss变量相关跳转 名称: SCSS IntelliSense ID: mrmlnc.vscode-scss 说明: Advanced autocompletion and refactoring support for SCSS 版本: 0.10.0 发布者: mrmlnc VS Marketplace 链接: https://marketplace.cursorapi.com/items?itemName=mrmlnc.vscode-scss

jsdoc 用这个吧 名称: JSDoc Generator ID: crystal-spider.jsdoc-generator 说明: Automatic JSDoc generator for TypeScript and JavaScript. 版本: 2.3.2 发布者: crystal-spider VS Marketplace 链接: https://marketplace.cursorapi.com/items?itemName=crystal-spider.jsdoc-generator

css 变量跳转 名称: CSS Navigation ID: pucelle.vscode-css-navigation 说明: Provides CSS Completion, Finding Definition, Finding References, Hover, Workspace Symbols services for HTML, JS, TS, JSX, Vue and more languages across whole workspace 版本: 2.3.9 发布者: pucelle VS Marketplace 链接: https://marketplace.cursorapi.com/items?itemName=pucelle.vscode-css-navigation

单词拼错检测 名称: Code Spell Checker ID: streetsidesoftware.code-spell-checker 说明: Spelling checker for source code 版本: 4.0.45 发布者: streetsidesoftware VS Marketplace 链接: https://marketplace.cursorapi.com/items?itemName=streetsidesoftware.code-spell-checker

将报错显示在编辑器上面 名称: Error Lens ID: usernamehw.errorlens 说明: Improve highlighting of errors, warnings and other language diagnostics. 版本: 3.25.0 发布者: Alexander VS Marketplace 链接: https://marketplace.cursorapi.com/items?itemName=usernamehw.errorlens

{ "key": "shift+cmd+-", "command": "editor.foldAll" }

工具栏转换到左侧 workbench.activityBar.orientation

名称: Todo Tree ID: Gruntfuggly.todo-tree 说明: Show TODO, FIXME, etc. comment tags in a tree view 版本: 0.0.226 发布者: Gruntfuggly VS Marketplace 链接: https://marketplace.cursorapi.com/items?itemName=Gruntfuggly.todo-tree

注释着色 名称: Better Comments ID: aaron-bond.better-comments 说明: Improve your code commenting by annotating with alert, informational, TODOs, and more! 版本: 3.0.2 发布者: aaron-bond VS Marketplace 链接: https://marketplace.cursorapi.com/items?itemName=aaron-bond.better-comments