新知榜官方账号
2023-10-16 02:24:17
本文介绍VsCode编辑器常用插件及配置,包括Vetur、Vue2Snippets、language-stylus、AutoCloseTag、AutoRenameTag、Bookmarks、BracketPairColorizer、CopyRelativePath、PathIntellisense、DocumentThis、psioniqFileHeader、VuePeek、JavaScript(ES6)codesnippets、MaterialIconTheme、ESLint、StandardJS、Beautify、vscode-element-helper、VersionLens、OneDarkPro和SettingsSync等插件及配置。
Vetur插件是开发Vue必装的一个插件,可以让Vue文件更好地显示。
主要加强Vue的便捷写法。
写stylus用的,如果项目用的stylus写样式推荐安装,其他Sass、LESS等同理安装相应的插件即可。
自动闭合标签所用配合快捷键Alt+.(Command+Alt+.forMac)特别好使。
自动修改重命名配对的标签。
可以对成片的代码做一些书签标记,方便后续查看。
对括号进行着色,方便区分。
用于复制文件的完整路径和相对路径,有时候我们可能需要复制一些文件的路径,该插件就很方便了。
路径自动感知,在配置文件中配置@后我们就可以很方便快捷的引用各种文件了。
主要用于方法的注释,选中方法名,按两次Ctrl+Alt+D,即可快速生成标准的注释。
按两次Ctrl+Alt+H可快速在文件的头部生成注释信息。
用于Vue快速查看组件定义以及组件跳转。
用于快速生成ES6代码片段。
Material风格的icon文件图标。
规范代码格式的。
作为一个合格的前端开发,得遵循一定得代码规范,这里推荐StandardJS,配合该插件可以自动将你的代码格式化成规范的代码。
主要拿它来格式话html的,也可以格式话vuetemplate中的html。
用element-ui的,应该都知道这个插件,功能看图就知道了。
显示npm,jspm,bower,dub和dotnet核心的软件包版本信息。
一款热门的主题,安装后会有更好的代码显示效果。
用于备份及同步VsCode的插件及配置。
相关工具
相关文章
推荐
阿里Accio中文版上线!一键搞定复杂采购
2025-08-19 09:13
视频“用嘴编辑”的时代来了,但钱包顶得住吗?
2025-08-15 17:59
智谱新模型GLM-4.5V全面开源,玩家们有福啦!
2025-08-12 17:56
扎心文案+AI插画=爆款!揭秘8万赞视频的制作全流程
2025-08-12 10:08
GPT-5没你想的那么好,附实测体验~
2025-08-11 11:07
一站式搞定AI绘图+视频,AI短片效率飙升的秘密在这儿!
2025-08-08 09:26
打工人新神器!10款国产AI,让你告别996!
2025-08-08 09:24
豆包视觉推理深度体验,AI也能“边看边想”了!
2025-08-08 09:19
300美元的AI男友来了!马斯克的情感生意从女友做到男友
2025-08-01 17:56
Agent智能体:2025年企业新员工,月薪仅需一度电?
2025-07-30 17:49