VSC前端精品插件

最新推荐文章于 2024-06-01 17:51:52 发布
最新推荐文章于 2024-06-01 17:51:52 发布
阅读量498 收藏
点赞数
文章标签： html css javascript html5 visual studio code
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43431906/article/details/110455808
版权

1、open in browser

打开默认浏览器（可手选）预览效果的插件
在这里插入图片描述
在这里插入图片描述

2、Highlight Matching Tag

高亮显示所选标签
在这里插入图片描述

3、Image preview

图片预览，鼠标放置链接位置即可预览图片效果以及尺寸。
在这里插入图片描述

4、Auto Close Tag

自动补全标签。

5、Auto Rename Tag

同步修改标签。

6、Code Spell Checker

检查单词拼写，代码是让人看的，特别是在团队开发的时候更需要注意名字的意思。

我的前端我做主
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
精选！必备的 VSCode 插件（前端类）
03-30
vscode 常用插件 手动放到 .vscode/extensions/ 下， 包含插件如下： Angular2V0.4.1.vsix auto-close-tagV0.5.6.vsix auto-rename-tagV0.0.15.vsix autoimportV1.5.3.vsix beautifyV1.3.0.vsix bracket-pair-colorizerV1.0.27.vsix change-caseV1.0.0.vsix code-runnerV0.9.3.vsix color-infoV0.5.0.vsix fileheadercommentV0.0.3.vsix gitlensV8.1.1.vsix html-snippetsV0.2.1.vsix icon-fontsV1.10.1.vsix JavaScriptSnippetsV0.2.0.vsix jquery-snippetsV1.0.0.vsix material-darkV1.1.0.vsix minifyV0.3.0.vsix npm-intellisenseV1.3.0.vsix open-html-in-browserV0.1.21.vsix path-autocompleteV1.8.1.vsix prettier-vscodeV1.2.2.vsix project-managerV0.25.0.vsix quokka-vscodeV1.0.116.vsix stylelintV0.35.0.vsix syncingV1.5.3.vsix theme-onedarkV0.5.2.vsix tsimporterV1.2.14.vsix typelensV1.5.0.vsix veturV0.11.7.vsix vetur-eV0.11.7.vsix vscode-css-peekV2.1.0.vsix vscode-eslintV1.4.8.vsix vscode-exports-autocompleteV0.5.4.vsix vscode-fakerV1.2.1.vsix vscode-git-historyV1.0.3.vsix vscode-html-cssV0.2.0.vsix vscode-iconsV7.22.0.vsix vscode-javascript-snippet-packV0.1.5.vsix vscode-regexp-preivewV0.0.3.vsix vscode-todo-highlightV0.5.12.vsix vscode-typingsV0.0.5.vsix vueHelperV0.1.6.vsix
VSC学习前端，不容错过的插件
qq_44093213的博客
11-15 406
使用vsc，学习vue，学习前端不容错过的便捷插件
vscode常用插件及插件安装方式
最新发布
博客
06-01 2382
4.提示“打开Visual Studio Code”，点击【打开Visual Studio Code】，跳转到vscode编辑器。说明：可以在默认浏览器或应用程序中打开当前文件。3.选择需要下载的插件，点击【安装】说明：自动重命名成对的HTML标记。说明：高亮显示匹配的结束和开始标记。2.搜索插件，选择要下载的插件。说明：中文语言包扩展（简体）1.进入vscode插件市场。说明：突出显示当前缩进深度。3.点击【Install】说明：悬停时显示图像预览。说明：突出显示尾部空格。在搜索栏输入插件名搜索。
vscode前端vutur插件_VSCode 前端常用插件集合
weixin_39881760的博客
12-21 431
1.Auto Close Tag自动闭合HTML/XML标签2.Auto Rename Tag自动完成另一侧标签的同步修改3.Beautify格式化代码，值得注意的是，beautify插件支持自定义格式化代码规则4.Bracket Pair Colorizer给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色5.Debugger for Chrome映射vscode上的...
VS code必备前端插件
Elven_77的博客
04-29 1899
这里只是列举部分个人觉得不错的插件，大家有什么好用的插件，也可以推荐一下哦~ 切换语言 安装完成后，默认显示英文，我们可以通过安装中文语言包插件来显示中文，操作如下： 打开vscode，点击插件图标（或 ⌘ + ⇧ + X），在搜索框中输入“chinese”，安装 使用快捷键“⌘ + ⇧ + P”打开vscode的命令框，输入display，点击“Configure Display Language”，切换语言 更换主题 如果不喜欢VS code本身的主题色，也可以更换默认主
vscode-前端插件
weixin_44748599的博客
04-08 384
文章目录Auto Close TagAuto Rename TagBeautifyBracket Pair ColorizerDebugger for ChromeESLintHTML CSS SupportHTML SnippetsJavaScript(ES6) code snippetsjQuery Code SnippetsMarkdown Preview EnhancedmarkdownlintMaterial Icon Themeopen in browserPath IntellisenseRe
VSC开发VUE插件大全
03-16
因公司下载插件慢或者无法下载的小伙伴，来这里下载吧：） Beautify: HookyQR.beautify-1.5.0.vsix ESLint: dbaeumer.vscode-eslint-2.1.1.vsix ... vuex-suggest: mishannn.vuex-suggest-1.1.1.vsix ...
自动根据模板插入header、body内容插件
03-16
标题中的“自动根据模板插入header、body内容插件”指的是一个用于Visual Studio Code（VSC）的扩展插件，它的主要功能是自动化地在代码文件中插入预定义的header和body部分。这样的插件对于软件开发团队尤其有用，...
VSCode半透明插件
05-03
【标题】"VSCode半透明插件"是一个针对Visual Studio Code（VSC）的扩展，旨在为用户带来独特的半透明视觉体验。这个插件能够改变VSC编辑器的背景，使其具有半透明效果，以此来个性化工作环境并提升整体美感。在编程...
vs code插件安装,必备插件
01-08
Visual Studio Code简介 Visual Studio Code简称（vs code）是一个轻量级但功能强大的源代码...来说说其中一些比较好用的插件吧 汉化插件 Chinese (Simplified) Language Pack for Visual Studio Code 图标库插件 file
vsc-example.zip
02-11
【标题】"vsc-example.zip" 是一个包含Visual Studio Code（简称VSC）相关示例或配置文件的压缩包。这个压缩包很可能是为在Linux Mint 19.1 Cinnamon环境中使用VS Code进行开发而准备的。Linux Mint 19.1 Cinnamon是...
VSC文件浏览器（中文版）
04-16
这是一款快速阅读VSC文件的浏览器（中文版）他可以快速方便简洁的读取VSC文件。
vsc 好用的插件
weixin_44647098的博客
05-15 2307
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。 VSC中文网：http://www.vscode.org/ vscode 作为一款逐渐火热的编辑器。它的特点免费、开源、多平台，以及集成git，代码调试，插件丰富等有点.
vsc常用插件
agua001的博客
01-08 2264
1、Auto Close Tag（自动闭合标签） 2、Auto Rename Tag 3、background (自定义编辑器背景图) 4、Beautify （代码颜色区分） 5、Bracket Pair Colorizer 6、C#（c语音的代码颜色） 7、Chinese (中文) 8、Debugger for Chrome （谷歌debugger） 9、ESLint (你懂的) 10、GitLens-Git supercharged （使用git可以在vsc中解决冲突） 11、HTML CSS supp
vsc -- 插件安装
bylifan的博客
09-16 1472
1.chinese(简体中文) 2.Live server(打开浏览器) 3.One Dark Pro(编辑器的颜色)
Visual Studio Code 中开发前端常用插件
欢迎关注公众号“雨林寻北”，添加个人微信codetrend（备注技术）。
07-25 589
Visual Studio Code 作为一款轻量级的IDE，本身不是很强大，但是在开发插件的支持下，前端代码开发也能如鱼得水。
VSC（Visual Studio Code）好用插件推荐
火山的博客
12-20 612
VSC常用拓展推荐
推荐VSC中一款好用的插件------Code Runner插件
小祥编程擅长前端
11-05 2941
Code Runner插件非常好用，可以运行的语言有，Run C, C++, Java, JS, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, CMD, BASH, F#, C#, VBScript, TypeScript, CoffeeScr。语言种类很多，覆盖面很大。
VSC & Golang 插件记录
erich_s的博客
10-29 508
今天VSC自动安装了10个Go插件，在此记录一下，暂时不知道他们的具体用途，后续更新 Installing 10 tools at C:\Users\s6274\go\bin gocode gopkgs go-symbols guru gorename dlv godef goreturns golint go-ouline Installing github.com/mdempsky/gocod...
vsc vue对齐插件
04-06
Vetur 是一个非常流行的 VS Code 插件，它提供了对 Vue.js 的支持，并且包含了对齐代码的功能。以下是如何在 Vetur 中使用对齐功能的步骤： 1. 首先确保已经安装了 Vetur 插件。 2. 在 VS Code 中打开一个 Vue.js 文件。 3. 选择需要对齐的代码块。 4. 在编辑器底部的状态栏中，点击 Vetur 的图标。 5. 在弹出的菜单中，选择 "Format" 选项。 6. Vetur 会自动对选中的代码块进行对齐，使其更易于阅读和维护。 注意：Vetur 还提供了许多其他功能，如自动补全、语法高亮、错误提示等等。如果您是 Vue.js 开发人员，强烈建议安装并使用 Vetur 插件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值