vscode新手必用插件推荐

最新推荐文章于 2024-07-21 17:17:33 发布
最新推荐文章于 2024-07-21 17:17:33 发布
阅读量147 收藏
点赞数
分类专栏： web前端基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40922551/article/details/117746646
版权
本文介绍了几个提升前端开发效率的Visual Studio Code插件，包括中文语言包、快速预览HTML文件、代码自动格式化、HTML标签自动重命名以及CSS样式追踪。这些插件能够帮助开发者实现更高效、整洁的代码编写和管理。
摘要由CSDN通过智能技术生成
插件作用
Chinese (Simplified) Language Pack for VS Code中文（简体）语言包
Open in Browser右击选择浏览器打开html文件
JS-CSS-HTML Formatter每次保存，都会自动格式化js css 和html 代码
Auto Rename Tag自动重命名配对的HTML / XML标签
CSS Peek追踪至样式
防火墙在线
关注
专栏目录
史上最全VSCode插件，怪不得写代码头疼，VSCod安装与配置（适合小白）
01-08
文章目录一、什么是VSCode？二、版本三、下载四、安装五、插件安装1.Codelf2、View In Browser3、Color Highlight4、Bracket Pair Colorizer5、Highlight Matching Tag6、Path Intellisense7、Prettier – Code formatter8、Auto Close Tag9、Auto Rename Tag10、HTML Snippets11、HTML CSS Support12、indent-rainbow13、change-case六、总结 一、什么是VSCode？ VS Code的全称是Vi
vscode初学者插件
sandalphon4869的博客
04-01 655
文章目录一、通用1.markdown支持（1）不用插件（2）Markdown Preview Enhanced插件2.vscode-icons3.Bracket Pair Colorizer 24.Code Runner5.Chinese 一、通用 1.markdown支持 （1）不用插件 其实vscode就自带着预览功能，打开md文档，就能看到右上角的这个标志，点一下就有预览功能。 这个其实...
vscode初学者好用插件
最新发布
m0_70274211的博客
07-21 773
刚才的插件是可以预览我们的页面，但是改完代码，浏览器必须要重新刷新，比较麻烦，因此推荐各位小伙伴安装live server这个插件，修改完代码，自动更新浏览器，爽歪歪~~~左下角（管理）--设置--文本编译器--正在格式化--勾选☑️Format On Paste和☑️Format On Save。刚开始学习前端，基本页面很少，可以左边编辑器，右边浏览器，这样编写完毕代码，保存完毕后，浏览器自动更新了。vscode下载完毕是英文版的，先安装这个插件，改为中文版，所以是我们第一个安装的插。
vscode基础插件推荐（初学者版）
Z1151259301的博客
06-27 478
让vscode使用更轻松地插件，让前端开放更方便！
vscode 初学应该安装的实用插件
秋叶哈哈宋梦辉
06-10 258
open in browser 在浏览器中打开，安装后在左侧目录中右键点击会出现 open in browser 选项 Path Intellisense 文件路径提示。 主题: One Dark Theme; vscode-icons 文件图标。 Color-Highlight 在编辑器中高亮显示颜色。 Color Picker 代码的颜色选择器。 Auto Rename Tag 自动重命名配对的HTML 后续待更新 ...
VSCode必备插件！快看过来！
qq_50260510的博客
08-27 2万+
同学同学，你是不是也很头疼VSCode不知道安装什么插件啊？尤其是萌新小白，更是一头雾水，那就快来一起看看吧~
前端vscode必备插件(AI帮你写代码)
富朝阳的博客
09-23 1万+
VSCode 是我们前端开发的一个强大的IDE，因此选择趁手好用的插件能事半功倍，也能能更好地编码以及获得更丝滑的开发体验。然后剩下的时间用来摸鱼是很有必要滴。
16个不容错过的VScode插件
weixin_52740695的博客
01-19 6221
VSCode。
最新最全 VSCODE 插件推荐（2024版）
热门推荐
Baimoc
02-20 40万+
文章目录一、主题及图标GitHub ThemeMaterial ThemeMaterial Icon Themevscode-icons二、功能强化settings syncwakatimePolacodeChinese (Simplified) Language Pack for Visual Studio Code三、Git 集成插件GitHub Pull requestsGit GraphCodeStream: GitHub, GitLab, Bitbucket PRs and Code Review
VSCode 入门操作大全 + 实用插件推荐【零基础专属详细教程】
weixin_52212950的博客
05-12 1万+
选择一个好的开发工具是很重要的，很多人在 webstorm 和 vscode 上很难抉择，我个人更喜欢使用 vscode，因为其简洁的操作风格和丰富的人性化的各种功能让我欲罢不能，这篇文章带给大家 vscode 的新手操作指南： ...
【vscode插件集】学前端一年，珍藏的 40个 vscode 插件
缚己
03-08 1万+
猿生不能只有 Ctrl + C 和 Ctrl + V，还要有 Ctrl + D。 工欲善其事，必先利其器。今天给大家带来了博主学习前端一年多以来偷懒 ，呸~ 提升效率必备的 40 个 vscode 插件。 看完觉得有帮助的记得点个赞~ HTML 标签自动闭合 – Auto Close Tag 身为一个前端程序猿，打 HTML 标签那必须是快速的，vscode 本身就提供了标签自动闭合的功能。但是对于一些自定义标签 vscode 就不能识别了。 这时安装这个插件，vscode 就可以自动识别你的自定义标.
vs code配置过程遇到的坑
weixin_43108465的博客
11-04 966
vs code配置过程遇到的坑 最近厌倦了visual studio 的笨重，写个cpp还要创建项目真是有点烦 听到有人说vs code 界面好看还支持各种语言我就心动了，然后发现vs code 根本不是ide,其实就是一个具有丰富插件的编辑器罢了。 其中光配置c++环境就浪费了我一个下午+一个晚上。 下面分享我遇到的一些坑（巨坑） 1,launch program’ …'does not exi...
VSCode插件推荐（2018.5.31）
sam的博客
05-31 1万+
前言vscode我觉得是用过最好用的编辑器，相对而言没有webStorm、myeclipse那么卡，而且最主要是免费的，不用烦每次更新软件的时候破解码无法使用，这篇博客主要是记录我自己发现的一些比较好用的插件以及主题，会随着时间不断的更新，主要发现好的，我都会更新在这上面。首先我想大部分都想更换一个主题让自己写代码的时候能够赏心悦目。Dracula Official 主题这是我发现的我举得最好赏心...
vscode的插件使用
c++小白的博客
06-13 1万+
安装插件更改插件安装位置同步配置让文件类型一目了然管理项目格式化代码一键搭建各类语言的学习测试环境 更改插件安装位置 因为默认安装在C:\Users\用户名.vscode\extensions，占c盘目录，所以就找个d盘目录存放插件。 先新建一个快捷键 打开快捷键的属性 在打开时指定插件目录 --extensions-dir 路径 之后下载的插件就在设置的目录下面了 同步配置 使用Gi...
如何使用 VSCode 的转移端口 (port forward) 功能
surfirst的博客
05-07 2万+
通常我们会在云主机上运行很多服务，在调试这些服务的时候我们需要打开防火墙来访问指定的服务，但是这样会扩大我们的云主机的攻击面，让我们的云主机的安全受到威胁。虽然我们可以通过限制 IP 来减少威胁，但是每次都去云平台调整防火墙的 IP 限制显然是一件很麻烦的事。 VSCode 有一个 remote ssh 插件，装上这个插件后我们就可以通过 ssh 远程访问我们的主机了，这个插件有一个 port forward 功能，使用这个功能后我们就可以不用调整防火墙设置直接在本地访问云主机指定端口上的服务了。比如下面的
Vscode 基础必备 常用插件
RosaChampagne的博客
05-15 2240
1、Auto Close Tag 自动添加HTML/XML关闭标记 2、Auto Rename Tag 自动修改匹配的 HTML 标签 3、Code Spell Checker 代码的拼写检查 4、Color Highlight 突出显示颜色 5、CSS Peek 允许查看css ID和类字符串作为从html文件到相应css的定义。允许查看和转到定义。 6、cssrem 将px转为rem 7、Git History 查看git日志、文件历史记录、比较分支或提交 8、GitL...
vscode连接远程服务器及用户权限配置等问题
Xin11099的博客
04-28 8209
0 缘由 因为服务器中磁盘初始分配问题，导致后面深度学习训练使用GPU空间不均衡，本次先对磁盘空间进行挂载，之后使用vscode（pycharm会本地和远程跑不同步运行等问题，后续再整理问题…）进行配置远程连接使用。 1 前面配置铺垫 **磁盘和用户查看（创建） 查看当期用户：~$ whoami 显示目前登录系统用户信息：~$ who 查看系统用户信息：~$ cat( or more、less) /etc/passwd 进行打印 或者终端直接使用getent 、compgen 命令进行查看
【vscode简单入门(三)】vscode巨实用的基础插件推荐（不定期更新）
JZevin的博客
07-13 3766
汉化问题 插件推荐 Auto Rename Tag：自动修改标签 Document This 添加备注信息（only supports JavaScript and TypeScript）Ctrl+Alt+D and again Ctrl+Alt+D open in browser: alt+b选择浏览器预览文件 万能语言运行环境 Code Runner 如果你需要学习或者接触各种各样的开发语言，那么 Code Runner 插件可以让你不用搭建各种语言的开发环境，直接通过此插件就可以直接运行对应语言的代码
VS Code 必备插件推荐
小贤笔记
08-12 1万+
插件 说明 备注 Auto Close Tag 自动添加HTML / XML关闭标签 Auto Rename Tag 自动重命名配对的HTML / XML标签 Beautify 格式化代码 (查看使用方法) Bracket Pair Colorizer 颜色识别匹配括号 Code ...
VSCode全攻略：下载、快捷键与必备插件推荐
"这篇教程详细介绍了VSCode的下载与插件安装步骤，并提供了一系列实用的快捷键和推荐的插件，旨在帮助用户更好地理解和使用这款强大的集成开发环境（IDE）。" VSCode是一款由微软开发的免费、开源的代码编辑器，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值