热门搜素: 电商 教育 视频 健康
新知榜公众号 随时随地查看资讯 手机访问更加便捷
首页 > 行业观察 > VsCode编辑器常用插件及配置
VsCode编辑器常用插件及配置
新知榜官方账号
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的插件及配置。
关键词
VsCode 编辑器 插件 配置 Vetur Vue2Snippets language-stylus AutoCloseTag AutoRenameTag Bookmarks BracketPairColorizer CopyRelativePath PathIntellisense DocumentThis psioniqFileHeader VuePeek JavaScript(ES6)codesnippets MaterialIconTheme ESLint StandardJS Beautify
相关工具
相关文章
相关快讯
短视频知识人物影响力榜
新知榜独家 {{faTime.effecttime}}发布
总榜
人物 领域 粉丝数 影响力指数
{{item.manIndex}}
{{item.nickname}} {{item.field}}
{{item.fs}}
{{item.effect}}