vscode 怎么样才能像 webstorm 那样好用呢？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 652 天前的主题，其中的信息可能已经有所发展或是发生改变。

大佬们，如题

工作当中会写一些 vue 页面，vscode 装了应用商店的 Vue.js Extension Pack 扩展包，包含好几个插件的那个，但使用体验上还是和 webstorm 差了好远，有没有 vscode 写前端好用一点的插件呢

这些是我 vscode 当前已经安装的，希望大佬们能推荐一点名单以外的，感激不尽

CSS Peek
EsLint
Highlight Matching Tag
htmltagwrap
Image preview
Node.js Modules Intellisense
npm Intellisense
NPM-Scripts
Parameter Hints
Path Intellisense
path-alias
Prettier - Code formatter
Split HTML Attributes (Vue, React, Angular)
Vetur
Vite
vscode-elm-jump
vscode-pigments
vscode-styled-components
Vue Jumper
Vue Language Features (Volar)
Vue Peek
Vue VSCode Snippets
vue-component
vue-helper

14 条回复 • 2023-12-09 16:33:10 +08:00

highf4324

2023-03-15 17:56:31 +08:00

Vetur 可以卸载了，因为 Vue 官方插件已经变成 Volar 了。

heyjei

2023-03-15 18:06:07 +08:00

Github Copliot

kokutou

2023-03-15 18:09:00 +08:00 via Android

vscode 我反正是没办法配成跟 pycharm 一样。。。

efaun

2023-03-16 01:17:53 +08:00

你不能指望一个文本编辑器能完美干 IDE 的活

hhjswf

2023-03-16 08:30:14 +08:00 via Android

做前端我很少见有人用 webstorm...

itlaohui

2023-03-16 13:32:47 +08:00

@hhjswf 因为 webstorm 要钱，用过 jb 家产品的都知道他家产品属实很棒，但好用的代价是需要钱和更高的内存占用，没法让 vscode 做到和 webstorm 一模一样，只求能无限接近

itlaohui

2023-03-16 13:34:12 +08:00

@efaun 害，不要求一模一样，那样也很难实现，只想能更接近一点就行啦

qrobot

2023-03-16 17:13:21 +08:00

@itlaohui 我觉得 VSCode 就很好用啊, 开箱即用的 TS 和 React 的支持, 安装一个 ESLint 插件就基本上就搞定了,而且内存低, 并且性能高, 我觉得非常好用, webstorm 我一打开就感觉没有 VSCode 的字体好看, 而且很反人类的设计,比如 f2 不是重命名文件

qrobot

2023-03-16 17:14:25 +08:00

@itlaohui 在比如, 终端的字体非常难受, 而 vscode 的终端字体就看着很舒适

asen001

2023-03-23 14:27:34 +08:00

@qrobot react 还行，开发 vue 很难受，template 里跳转基本用不了，不过两年没用过 vscode 了，不知道现在的 vue 插件是否有改善

zqguo

2023-04-28 13:56:05 +08:00

这个没办法的，而且你 vscode 装太多插件也会很卡。

daliusu

2023-06-25 12:29:15 +08:00

我之前用了几年的 webstorm ，最近换的 vscode ，因为 webstorm 升级到今年的版本之后我有个项目他死活无法识别出来了，所有的函数都是白色的，换过来之后感觉最大的差别其实是复制代码能顺带自动复制引入这个功能 vscode 没有，其他基本都吃差不多，语法提示 vscode 对 vue 和 ts 甚至会更好，速度也更快，重构 vscode 也有了，尝试了一下也没啥问题，引入的也都能自动更改，其他跳转函数，函数注释啥的也没什么区别。不知道你觉得有差距的地方在哪

daliusu

2023-06-25 12:30:50 +08:00

@daliusu 复制代码能顺带自动复制引入这个 vscode 其实能间接实现，可以设置复制的时候自动引入依赖，但是实际体验和 webstorm 不一样，比如多个重名依赖 vscode 会引错，但是 webstorm 引入的一定是复制的那个，我不知道背后怎么实现的，但是对于搞重构这个很好使。

zogwosh

2023-12-09 16:33:10 +08:00

别用了，webstorm 直接用 volar 来做 vue 的语言服务器恶心死我了。我花钱订阅是来用 volar 的？