想问一下大家开发 h5/css/js/vue 的话都会安装什么插件啊

[LxnChan]

是新人

目前在用 vscode 作为 IDE ，但是有一些问题：没有 vue 的语法提示，调试也不够直观等问题。

想问一下大家有什么好的插件能解决这些问题吗

（也有 JB 家的软件授权，webstorm 的插件也行）

[infiniteX]

个人用的跟前端相关有几个，eslint 、prettier 、vue 开发的 volar ，还有拼写错误的 cspell ，版本控制的 gitlens 。
对我来说有了这个几个，跟 webStorm 的体验基本没差了，甚至在 ts 项目体验还要更好、更流畅

[infiniteX]

@infiniteX 还有一些别的用了很久的插件
atomic css 、cssinjs：unocss/tailwind/vscode-styled-components
graphql
国际化插件：i18n-ally
ai 代码补全：github copilot
预览 markdown：markdown-all-in-one

[dcsuibian]

Auto Close/Rename Tag ，TabOut ，Live Server ，Prettier ，Vetur ，Vue 什么的。其实需要用的插件，打开对应文件的时候都会提示下你，安装就好了。
个人来说，之前用的 VS Code ，后来转的 WebStorm 。感觉 WebStorm 代码提示功能更强大许多，甚至 ts 上也是（不过也遇到过特有的 bug ）。基本就装了个中文插件和 GitHub Copilot ，其它都是自带的。

[dcsuibian]

调试的话，没有什么差别。
都是命令行 npm/yarn serve/start 运行的么。调试就用 debugger 关键字配合 console.log 。
真正的调试工具应该是 Chrome Devtools 。除非你写 nodejs 脚本

[calmzhu]

vue 文档里面有插件推荐.直接用啥都有了

[haolongsun]

@infiniteX 一眼 antfu 的粉丝

[haolongsun]

可以参考 antfu 大神的 vscode 配置和插件
https://github.com/antfu/vscode-settings
有一些 vue 项目初始模板也挺好用的，也是 antfu 大神的开源项目
https://github.com/antfu/vitesse

[infiniteX]

@haolongsun 哈哈 确实，不过我平常写 react 的