VsCode编辑器常用插件及配置

新知榜官方账号

2023-10-16 02:24:17

VsCode编辑器常用插件及配置

本文介绍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

Vetur插件是开发Vue必装的一个插件,可以让Vue文件更好地显示。

Vue2Snippets

主要加强Vue的便捷写法。

language-stylus

写stylus用的,如果项目用的stylus写样式推荐安装,其他Sass、LESS等同理安装相应的插件即可。

AutoCloseTag

自动闭合标签所用配合快捷键Alt+.(Command+Alt+.forMac)特别好使。

AutoRenameTag

自动修改重命名配对的标签。

Bookmarks

可以对成片的代码做一些书签标记,方便后续查看。

BracketPairColorizer

对括号进行着色,方便区分。

CopyRelativePath

用于复制文件的完整路径和相对路径,有时候我们可能需要复制一些文件的路径,该插件就很方便了。

PathIntellisense

路径自动感知,在配置文件中配置@后我们就可以很方便快捷的引用各种文件了。

DocumentThis

主要用于方法的注释,选中方法名,按两次Ctrl+Alt+D,即可快速生成标准的注释。

psioniqFileHeader

按两次Ctrl+Alt+H可快速在文件的头部生成注释信息。

VuePeek

用于Vue快速查看组件定义以及组件跳转。

JavaScript(ES6)codesnippets

用于快速生成ES6代码片段。

MaterialIconTheme

Material风格的icon文件图标。

ESLint

规范代码格式的。

StandardJS

作为一个合格的前端开发,得遵循一定得代码规范,这里推荐StandardJS,配合该插件可以自动将你的代码格式化成规范的代码。

Beautify

主要拿它来格式话html的,也可以格式话vuetemplate中的html。

vscode-element-helper

用element-ui的,应该都知道这个插件,功能看图就知道了。

VersionLens

显示npm,jspm,bower,dub和dotnet核心的软件包版本信息。

OneDarkPro

一款热门的主题,安装后会有更好的代码显示效果。

SettingsSync

用于备份及同步VsCode的插件及配置。

本页网址:https://www.xinzhibang.net/article_detail-16875.html

寻求报道,请 点击这里 微信扫码咨询

相关工具

相关文章