想问一下大家开发 h5/css/js/vue 的话都会安装什么插件啊
LxnChan · lxnchan · 2022-04-20 20:01:37 +08:00 · 2039 次点击这是一个创建于 980 天前的主题，其中的信息可能已经有所发展或是发生改变。
是新人
目前在用 vscode 作为 IDE ，但是有一些问题：没有 vue 的语法提示，调试也不够直观等问题。
想问一下大家有什么好的插件能解决这些问题吗
（也有 JB 家的软件授权，webstorm 的插件也行）
 |
1
infiniteX 2022-04-20 20:09:56 +08:00 via iPhone
个人用的跟前端相关有几个，eslint 、prettier 、vue 开发的 volar ，还有拼写错误的 cspell ，版本控制的 gitlens 。
对我来说有了这个几个，跟 webStorm 的体验基本没差了，甚至在 ts 项目体验还要更好、更流畅 |
|
2
infiniteX 2022-04-20 20:41:42 +08:00 via iPhone
@infiniteX 还有一些别的用了很久的插件
atomic css 、cssinjs：unocss/tailwind/vscode-styled-components graphql 国际化插件：i18n-ally ai 代码补全：github copilot 预览 markdown：markdown-all-in-one |
 |
3
dcsuibian 2022-04-20 20:46:54 +08:00
Auto Close/Rename Tag ，TabOut ，Live Server ，Prettier ，Vetur ，Vue 什么的。其实需要用的插件，打开对应文件的时候都会提示下你，安装就好了。
个人来说，之前用的 VS Code ，后来转的 WebStorm 。感觉 WebStorm 代码提示功能更强大许多，甚至 ts 上也是（不过也遇到过特有的 bug ）。基本就装了个中文插件和 GitHub Copilot ，其它都是自带的。 |
|
4
dcsuibian 2022-04-20 20:58:32 +08:00
调试的话，没有什么差别。
都是命令行 npm/yarn serve/start 运行的么。调试就用 debugger 关键字配合 console.log 。 真正的调试工具应该是 Chrome Devtools 。除非你写 nodejs 脚本 |
 |
5
calmzhu 2022-04-20 21:33:03 +08:00
vue 文档里面有插件推荐.直接用啥都有了
|
 |
6
haolongsun 2022-04-21 19:18:36 +08:00
@infiniteX 一眼 antfu 的粉丝
|
|
7
haolongsun 2022-04-21 19:21:19 +08:00
可以参考 antfu 大神的 vscode 配置和插件
https://github.com/antfu/vscode-settings 有一些 vue 项目初始模板也挺好用的，也是 antfu 大神的开源项目 https://github.com/antfu/vitesse |
|
8
infiniteX 2022-04-21 21:07:55 +08:00 via iPhone
@haolongsun 哈哈 确实，不过我平常写 react 的
|
Select Language