目前在用 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 的
|