VSCode入门——插件安装

最新推荐文章于 2024-06-29 17:32:21 发布
最新推荐文章于 2024-06-29 17:32:21 发布
阅读量544 收藏 1
点赞数
分类专栏： web开发工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41985786/article/details/103789731
版权
本文介绍了VSCode中提升开发效率的几个关键插件，包括CSS Peek用于HTML与CSS的关联，Prettier进行代码格式化，Icon Fonts提供图标集，Auto Rename Tag自动修改标签，HTML Boilerplate提供HTML模板，Color Info显示颜色提示，Auto Close Tag自动闭合HTML标签，以及HTML CSS Support提供CSS类的智能提示。
摘要由CSDN通过智能技术生成

CSS Peek插件

HTML与CSS关联，点击扩展插件——搜索CSS Peek——点击安装：

回到编辑器新建css文件：

然后在index.html中引入index.css文件：

可以通过Ctrl+鼠标左键点击index.css进入文件：

在html中新建

最低0.47元/天 解锁文章
海绵、宝宝~
关注
专栏目录
推荐13款常用的Vscode插件，提高前端日常开发效率
DEVELOPERAA的博客
11-02 3万+
推荐13款常用的Vscode插件，提高前端日常开发效率
vscode基础插件安装
w1725034682的博客
12-24 101
vscode的安装教程、常用配置及常用扩展插件
最新发布
码农YOOUYOU的博客
06-29 3021
对我们程序员来说就需要一个好的开发工具。Visual Studio Code简称VSCode，就是常用的开发工具。本文主要介绍了VSCode的安装及一些常用的配置项和一些好用的扩展插件中文插件安装完成之后需要重启VSCode。
VSCode（入门插件）
吃辣椒的鱼
06-03 493
前言： 鄙人不才，今年才发现这么好用的编程软件刚开始用的还不是特别的顺手，但随着插件的增多，敲起代码都丝滑了起来。废话补多少直接上插件名称，鄙人大肆收集，还不太全，对于英语，一窍不通（啊啊啊以后会补的）所以安装起来吧，我也会后续慢慢更新和补充插件用处的。 欢迎大家留言补充 插件名称 插件用途 Chinese (Simplified) Language Pack for Visual Studio Code 首当其冲就是将软件修改成中文安装完重启一下就编程中文了 Ayu 更改主题颜色
vscode推荐插件的安装
春城乐的博客
03-06 2万+
一直以来，大家对开发的代码编辑器都没有一个最好的选择，而vscode是我发现速度相对快，对于新版的html css js元素及属性过滤、提示最准确的代码编辑器，因为插件太多，有的人不知道选择哪些插件最好，本文档教你安装哪些，那些可选,安装如下：vscode推荐插件的安装01、open in browser:在浏览器运行预览（alt+b），安装后自动运行√√√02、OneDark：来自Atom的主题...
VS Code常用插件安装
Anna_lhy的博客
07-04 1139
1.进入VS Code，点击左下角正方形，输入你想要安装的插件，如图： 2.常用插件介绍 Chinese（Simplified）Language Package：设置为中文环境 View In Browser：在浏览器中查看页面 vetur：VS Code高亮显...
前端初学者VS Code需要装那些插件
weixin_44359122的博客
07-05 547
网页开发初学者VisualStudio Code需要安装那些插件？ 1、安装方法 电脑必须联网 点击扩展按钮 搜索需要的插件点击安装 安装完成，重启vscode即可 2、网页开发所需要的插件 Chinese（Simplified）Language pack for VS Code----中文简体（语言包） Open in Browser ----右击选择浏览器打开HTML文件 Auto Rename Tag — 自动重命名配对的HTML/XML标签 CSS peek --追踪至样式 学习HT
git入门——下载安装git、使用方法与初始化配置
weixin_65312860的博客
01-20 545
图形化界面（GUI），是通过一些图形化工具来使用git，git官网可以找到常用的GUI工具。进入后输入 git -v 显示版本信息说明安装成功。命令行方式是最基础和常用的方式，是再终端中输入git命令的方式来使用git。IDE插件是在IDEA或VSCode等IDE工具中通过插件或扩展来使用。下载完成后进入git目录右键鼠标打开Open Git Basee。进入网站点击Downloads。
VsCode安装和配置c/c++环境（超完整，小白专用）
热门推荐
黄化的多多
07-21 58万+
1. vsCode配置C/C++环境 1. vsCode下载和安装 1. 下载Microsoft vsCode [vsCode在这里插入图片描述官网下载: https://code.visualstudio.com/ 2. 安装vsCode 3. 下载中文插件 我这边已经下载过，刚卸载但是没有重启编译器，所以界面显示了中文 2. MinGW编译器下载和配置 1. 下载MinGW 在线安装——下载MinGW-W64-install.exe（速度慢） 下载压缩包——×86_64-posix-
vscode入门之安装eslint，prettier,vetur，多行编辑等基本快捷键
qq_35125764的博客
09-14 1622
eslint插件安裝 左侧Extensions中下载eslint插件 npm全局下载eslint, 并进行初始化 安裝和执行 npm install eslint -g eslint --init 打开 file -> preferences -> settings 搜索eslint 找到里面的Eslint Options 点击 Edit in settings.json, "eslint.validate": [ "javascript", "javascrip
VSCode + ESP-IDF安装与配置全过程
phmatthaus的专栏
04-20 2450
VSCode + ESP-IDF安装与配置全过程
vscode 初学应该安装的实用插件
秋叶哈哈宋梦辉
06-10 253
open in browser 在浏览器中打开，安装后在左侧目录中右键点击会出现 open in browser 选项 Path Intellisense 文件路径提示。 主题: One Dark Theme; vscode-icons 文件图标。 Color-Highlight 在编辑器中高亮显示颜色。 Color Picker 代码的颜色选择器。 Auto Rename Tag 自动重命名配对的HTML 后续待更新 ...
vscode初学者插件
sandalphon4869的博客
04-01 643
文章目录一、通用1.markdown支持（1）不用插件（2）Markdown Preview Enhanced插件2.vscode-icons3.Bracket Pair Colorizer 24.Code Runner5.Chinese 一、通用 1.markdown支持 （1）不用插件 其实vscode就自带着预览功能，打开md文档，就能看到右上角的这个标志，点一下就有预览功能。 这个其实...
VScode安装使用教程 几个好用插件 新手小白保姆级教程
qq_42909988的博客
09-19 241
http://vscode.cdn.azure.cn/stable/78a4c91400152c0f27ba4d363eb56d2835f9903a/VSCodeUserSetup-x64-1.52.1.exe 这个就是国内的镜像，VScode下载速度很快 1 Chinese（中文简体） 安装后就是中文简体页面 2 会了吧 ...
VSCode安装教程（超详细）
JMFive的博客
09-11 5万+
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【软件安装教程】专栏的第1篇文章;既然用到了VSCode，写篇安装教程记录一下不过分吧【软件安装教程】， 此专栏是我是夜阑的狗对软件安装的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。以上就是今天要讲的内容，本文仅仅简单介绍了VSCode安装教程和中文配置。当然VSCode的配置不止这一点，后面的配置都是按需配置，本人追求的就是简洁。🌹 🌹 🌹也欢迎你，关注我。👍 👍 👍！！
vscode常用插件及插件安装方式
博客
06-01 3583
4.提示“打开Visual Studio Code”，点击【打开Visual Studio Code】，跳转到vscode编辑器。说明：可以在默认浏览器或应用程序中打开当前文件。3.选择需要下载的插件，点击【安装】说明：自动重命名成对的HTML标记。说明：高亮显示匹配的结束和开始标记。2.搜索插件，选择要下载的插件。说明：中文语言包扩展（简体）1.进入vscode插件市场。说明：突出显示当前缩进深度。3.点击【Install】说明：悬停时显示图像预览。说明：突出显示尾部空格。在搜索栏输入插件名搜索。
提高开发效率的必备！超实用的VSCode插件推荐
Shids_的博客
01-03 3万+
提高开发效率的必备！超实用的VSCode插件推荐
VsCode插件精选与安装指南
VsCode官方插件市场位于<https://marketplace.visualstudio.com/vscode> 和 ，用户可以通过这两个平台查找和下载所需的插件，安装过程简单快捷，只需使用Ctrl+P快捷键输入`extinstall`后跟插件名称进行搜索并安装。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值