01-VSCode安装教程、VSCode前端常用插件配置

最新推荐文章于 2024-09-21 09:24:10 发布
最新推荐文章于 2024-09-21 09:24:10 发布
阅读量708 收藏 7
点赞数
分类专栏： 前端javascript 文章标签： html css javascript vue.js jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43775721/article/details/110188056
版权

vsCode前端教程

一、VSCode安装教程

下载官网地址链接
下载后一步一步的点击下一步即可。
在这里插入图片描述

二、VSCode插件配置（注意下载的时候一定要连接网络设备）

1、汉化包

下载完重新启动VSCode即可看到中文版
在这里插入图片描述

2、VSCode背景图片

在这里插入图片描述

3、VSCode代码的暗主题

在这里插入图片描述

4、自动关闭标签

在这里插入图片描述

5、px和rem单位之间转换

在这里插入图片描述

6、保存时编译(用于不使用构建任务的较少样式表。）

在这里插入图片描述

7、JS/TS中使用ES7语法的React、Redux和Graphql的简单扩展

在这里插入图片描述

8、为静态和动态页面启动具有实时重新加载功能的开发本地服务器

在这里插入图片描述

9、在浏览器中打开html

在这里插入图片描述

10、常见图标

在这里插入图片描述

11、npm支持

在这里插入图片描述

12、在默认浏览器或应用程序中打开当前文件

在这里插入图片描述

13、浏览器中快速打开html文件的VSCode扩展

在这里插入图片描述

14、React Native的调试和集成命令

在这里插入图片描述

15、Vue工具

在这里插入图片描述

16、使用快捷方式、上下文菜单或CLI格式化、美化JS、CSS、HTML代码

在这里插入图片描述

17、自动重命名成对的HTML/XML标记

在这里插入图片描述

17、css自动补全类目和代码

在这里插入图片描述

不及你笑靥如花
关注
专栏目录
vscode常用的插件安装
pick_ears的博客
03-14 1325
文章目录第一个 Chinese （Simplified ） Language Packet for——更改中文第二个 code runner——在集成终端运行代码第三个 bracket-pair-colorizer2——匹配括号和颜色识别，以便快速定位代码第四个 Auto Rename Tag——自动修改HTML/XML中的标签第五个 Indent-rainbow——自动缩进第六个 Prettier code formatter 2 ——默认格式化第七个 Emmet——使用简写，快速写出整个代码第八个Liv
git-commit-lint-vscode:vscode一款git 规范化提交插件
05-17
git-commit-lint-vscode 在日常的开发中,目前主流的代码管理工具就是 git 了,当我们对代码进行改动了,首先得git commit提交到本地仓库,git 规定了提交时必须填写提交信息作为改动说明,保存 commit 历史中,可以找到...
vscode 前端插件配置
m0_52348737的博客
12-12 137
vscode 前端插件配置： https://blog.csdn.net/win7583362/article/details/79315055?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2.not_use_machine_learn_pai&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2.n
VScode安装和使用教程，2024最新最全，零基础入门到精通，看完这一篇就够了！
最新发布
wholeliubei的博客
09-21 1584
what集成开发环境）是含代码编辑器、关键词高亮、智能感应、智能纠错、格式美化、版本管理等功能于一身的"高级代码编辑器"每个 IT 工程师都要有自己顺手的 IDE，它是我们的武器要理解无论使用什么 IDE 编写出来的代码，本质上都是 “白底黑字” 的，都是 “纯文字” 的。
Vs Code 插件配置教程
Hyripu0755的博客
12-24 165
1 Vs Code 下载地址：https://code.visualstudio.com/ 2 安装好Vs Code，点击启动，点击File-> Open Folder 打开项目 3点击Extensions 输入插件的名称，然后Install 安装插件。插件安装完成后点击Reload，插件生效。 4 主题...
VS code常用插件安装【持续更新】
mengran_code的博客
09-12 308
右击html文件时，可在选项中单击“Open Width Live Server” 启动本地开发服务器，专为静态和动态页面提供实时加载功能。标签时，只需要修改第一个div标签的名称为span,后面的div也会自动跟着改成span。Vue - Official插件适用于vue3版本，为.vue文件提供高亮语法等。VS Code打开项目后，会根据项目中的文件类型显示该文件对应的图标。Vetur插件适用于vue2版本，为.vue文件提供高亮语法等。Volar插件适用于vue3版本，为.vue文件提供高亮语法等。
sonarlint-for-vscode.pdf
07-22
sonarlint-for-vscode,加强对代码质量的管控要求，不允许新增代码部分出现 严重、重要、主要等sonar扫描问题。...大家按以下文档安装开发工具对应的代码检测插件sonarlint,这个是前端VScode安装sonarlint教程
mac-vscode.dmg
07-24
- 对于前端开发者，VS Code有许多插件支持实时预览功能，如Live Server，可以实现在编辑时浏览器自动刷新页面。 总之，Visual Studio Code凭借其强大的功能、优秀的性能以及高度的可定制性，已成为许多开发者首选...
vscode.zip - vscode实用性插件
01-04
通过安装这些插件，开发者可以将VSCode打造成一个定制化的、适应各种项目需求的高效开发环境。它们不仅提升了基础编辑功能，还引入了代码质量检查、版本控制可视化、代码组织等实用特性，对于前端开发者来说尤其有...
vscode配置-vscode配置文件.zip
11-17
VSCode社区提供了大量插件，很多插件的配置也会写入此文件，从而增强编辑器的功能。 总结来说，VSCode的这三个配置文件是其高度可定制性的体现，它们让开发者能够根据自己的需求和习惯来优化工作环境。熟练掌握`...
Vscode安装及使用简易教程
01-09
1. 安装 安装包下载地址，根据自己电脑系统下载对应安装包并安装。 2. 语言设置（选择性设置） 安装后，默认语言为英文，改为中文方法如下： 步骤一：快捷键Ctrl+shift+P，在搜索框中输入“configure display language”， 步骤二：回车键后，选择“Install adding languages”， 步骤三：选择安装简体中文, 重复步骤一，回车键后，选择“zh-cn”， 重启vscode即可完成语言更改。 3. 插件安装 黄色方框未软件商店入口，可在绿色方框（搜索框）输入要安装的插件名称，搜索、选择并进行安装。以markdown TOC（md文件查看目录
vscode安装和使用前端工具
qinjava的博客
06-13 909
1、下载网址：https://visualstudio.microsoft.com/zh-hans/downloads/ 2.安装程序如下 3.运行安装程序 4.接收协议 5.可选择修改默认安装路径 6.快捷方式设置 7.其他的设置 8.安装 9.等待完成 10.安装完成 VScode插件推荐 Auto Close Tag 自动添加HTML / XML关闭标签（必备） Auto Rename Tag 自动重命名配对的HTML / XML标签(必备) Beautify 格式化javascrip
8.前端开发工具vscode的安装
gunsmoke的专栏
04-01 115
安装vscode 一路下一步 安装插件 中文插件 搜索chinese live server 内置服务器 vetur vue开发的工具 vue-helper vue帮助 安装完成后截图
VSCode安装教程（超详细）
热门推荐
JMFive的博客
09-11 5万+
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【软件安装教程】专栏的第1篇文章;既然用到了VSCode，写篇安装教程记录一下不过分吧【软件安装教程】， 此专栏是我是夜阑的狗对软件安装的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。以上就是今天要讲的内容，本文仅仅简单介绍了VSCode安装教程和中文配置。当然VSCode的配置不止这一点，后面的配置都是按需配置，本人追求的就是简洁。🌹 🌹 🌹也欢迎你，关注我。👍 👍 👍！！
2024年前端最全vscode 前端常用插件推荐，2024年最新字节跳动视频面试难吗
2401_84446825的博客
05-12 1625
前端字节跳动真题解析开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】极简主义是不需要的另一套 目录树图标主题 vscode-icons使用方法,配置如下json15.open in browser (必备)vscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari设置默认浏览器。
vscode常用插件及插件安装方式
博客
06-01 4433
4.提示“打开Visual Studio Code”，点击【打开Visual Studio Code】，跳转到vscode编辑器。说明：可以在默认浏览器或应用程序中打开当前文件。3.选择需要下载的插件，点击【安装】说明：自动重命名成对的HTML标记。说明：高亮显示匹配的结束和开始标记。2.搜索插件，选择要下载的插件。说明：中文语言包扩展（简体）1.进入vscode插件市场。说明：突出显示当前缩进深度。3.点击【Install】说明：悬停时显示图像预览。说明：突出显示尾部空格。在搜索栏输入插件名搜索。
vscode安装教程（附带一些其他配置）【windows】
chanyeolchichi的博客
11-23 718
vscode安装教程【windows】 下载 下载网址:VSCODE 建议下载红线部分，任选其一 ①User Installer版：会安装在当前计算机帐户目录,意味着如果使用另一个帐号登陆计算机将无法使用别人安装的vscode。 ②System Installer版：安装在非用户目录,例如C盘根目录,任何帐户都可以使用。 vscode默认提供的User Installer版,大多数人都是用的这个版本。 ** 安装 ** 自己选择安装路径，可以更改 ...
VSCode下载安装与使用教程
weixin_46713695的博客
11-01 4万+
VSCode下载安装与使用教程
"VSCode详细教程：安装、插件配置、常用功能演示
本文将详细介绍VSCode的用法及相关插件的安装和使用教程。 首先，你需要从官方网站https://code.visualstudio.com/ 进行下载。点击左侧的下载按钮后，会打开新的页面，并弹出下载文件选择框。安装过程基本都是默认...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值