个人常用VScode插件及其配置

插件名称	功能简述
Auto Close Tag	自动闭合HTML标签
Auto Import	Typescript自动import提示
Auto Rename Tag	修改HTML标签时，自动修改匹配的标签
Beautify css/sass/scss/less	css/sass/less格式化
Better Comments	编写更加人性化的注释
Bookmarks	添加行书签
Color Picker	拾色器
Color Highlight	颜色值在代码中高亮显示
HTML CSS Support	css提示（支持vue）
PostCss Sorting	css排序
Sass	sass插件
gitignore	.gitignore文件语法
vetur	目前比较好的Vue语法高亮
vscode-styled-jsx	vscode-styled-jsx styled-jsx高亮支持
Chinese (Simplified) Language	中文插件
IntelliSense for CSS class names in HTML	html中css提示
Markdown Preview Enhanced	vscode markdown支持
One Dark Pro	vscode主题颜色
open in browser	html文件支持浏览器打开
vscode-icons	vscode 文件文件夹小图标
JavaScript (ES6) code snippets	es6代码提示功能

附个人配置文件

{// VScode主题配置"editor.tabSize": 2,"editor.lineHeight": 18,"editor.renderLineHighlight": "none","editor.renderWhitespace": "all","editor.fontFamily": "Courier New","editor.fontSize": 14,"editor.cursorBlinking": "smooth","editor.multiCursorModifier": "ctrlCmd","editor.formatOnPaste": true,// 是否允许自定义的snippet片段提示,比如自定义的vue片段开启后就可以智能提示"editor.snippetSuggestions": "top","workbench.iconTheme": "vscode-icons","workbench.startupEditor": "none","files.trimTrailingWhitespace": true,// 在react的jsx中添加对emmet的支持"emmet.includeLanguages": {"jsx-sublime-babel-tags": "javascriptreact"},"[cpp]": {"editor.quickSuggestions": true},"[c]": {"editor.quickSuggestions": true},"liveServer.settings.port": 5555,"window.zoomLevel": 1,"javascript.validate.enable": false,"vetur.validation.template": false,"tslint.autoFixOnSave": false,"C_Cpp.errorSquiggles": "Disabled","javascript.implicitProjectConfig.experimentalDecorators": true,"workbench.colorTheme": "One Dark Pro","terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe","liveServer.settings.donotShowInfoMsg": true,"[html]": {"editor.defaultFormatter": "vscode.html-language-features"},"explorer.confirmDelete": false
}
复制代码

个人常用VScode插件及其配置相关推荐

vscode插件及配置
温馨提示:如果懒得看后面的内容,点这个链接也行, 必备插件yyds vscode必备插件基础插件Chinese 中文包open in browser 在浏览器打开Auto Close Tag 自动闭 ...
VScode 插件、配置记录
常用插件: Chinese(Simplified) python TabNine Settings Sync 配置: 外观设置为: Solarized Dark 转载于:https://www.cnb ...
vue3 vscode插件volar配置
需要禁用vetur,否则可能会有很多冲突,vue2用vetur,vue3用volar 1.关闭远程服务这两个服务需要关闭,否则经常请求半天,只看英文的意思是跟踪联系,暂时不知道这两个服务的具体作用, ...
前端工程化-VSCode插件集成脚手架和组件库
本文字数:14404字预计阅读时间:37 分钟目录 VSCode插件能做什么? VSCode可扩展能力有哪些? 如何开发一个VSCode插件? VSCode插件如何集成基建的脚手架和组件库?(FA ...
vscode常用插件与配置
分享一下本人目前正在使用的一套超级舒服的Vs Code插件与配置(只有开发写代码时用的,没有摸鱼时用的),每一个插件的功能就不一一介绍了,直接上菜!!! 第一屏插件第二屏插件 settings.js ...
vscode 插件-常用插件
VSCode常用插件(安装步骤同汉化) 1.*Auto Close Tag (自动闭合HTML/XML标签) 2.*Auto Rename Tag (自动帮你完成尾部闭合标签的同步修改,不过有些bug ...
vscode 新版eslint自动修复_vscode自动修复eslint规范的插件及配置
在开发大型项目中,经常都是需要多人合作的.相信大家一定都非常头疼于修改别人的代码的吧,而合理的使用eslint规范可以让我们在代码review时变得轻松,也可以让我们在修改小伙伴们的代码的时候会更加清 ...
vscode 格式化插件以及配置
vscode 格式化插件以及配置: vscode常用插件: Beautify Eslint Vetur 进入setting页面点击如图红框进入,把下面的js代码粘贴进入就好了. 点击左下角的这只进入设 ...
vscode使用教程python-VSCode下好用的Python插件及配置_python
这篇文章主要介绍了微软官方的Python插件,已经自带很多功能,下面是插件功能描述,其中部分内容我做了翻译,需要的朋友可以参考下 MS Python插件. 这是微软官方的Python插件,已经自带很多 ...

个人常用VScode插件及其配置

附个人配置文件

个人常用VScode插件及其配置相关推荐

最新文章

热门文章