详细vscode的安装与使用

最新推荐文章于 2024-09-02 18:47:51 发布
最新推荐文章于 2024-09-02 18:47:51 发布
阅读量68 收藏
点赞数
分类专栏： web前端 文章标签： vscode ide 编辑器 html5 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63189081/article/details/130367692
版权
本文指导如何下载VSCode稳定版并进行基本配置，包括安装LiveServer插件以模拟终端，以及安装AutoRenameTag插件实现标签自动同步修改。此外，还设置了FormatOnSave选项，确保代码在保存时自动格式化，为web开发提供便利。
摘要由CSDN通过智能技术生成
  1. vscode下载地址： vscode官网
    （推荐选择稳定版下载）
    在这里插入图片描述
  2. 同意+下一步。
    在这里插入图片描述
  3. 选位置+下一步。
    在这里插入图片描述
  4. 勾选信息+下一步。
    在这里插入图片描述
  5. 进去之后下载Live Server，它的作用是帮我们模拟一个终端。

在这里插入图片描述
6. 安装插件Auto Rename Tag，便于代码前一个修改后一个自动修改。
在这里插入图片描述
7. 点击settings，然后输入format，然后勾选上Format On Save，便于保存代码的自动格式化。

在这里插入图片描述
这样我们的vscode就配置好啦，可以开始我们的web之旅啦！

星辰不负有心人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VSCode 安装教程（超详细）
9.冄2.7.號的博客
12-02 11万+
VSCode安装教程
vscode安装&使用技巧.docx
02-26
### VSCode安装与使用技巧详解 #### 一、VSCode简介 Visual Studio Code（简称VSCode）是一款由微软开发的免费源代码编辑器，适用于Windows、macOS和Linux平台。它以其轻量级且功能强大著称，在开发者社区中广受...
vscode安装及初始化
qq_42459314的博客
08-02 2238
vscode 安装初始化简记
VSCode安装配置使用教程（最新版超详细保姆级含插件）一文就够了
热门推荐
神兽汤姆猫的博客
09-25 28万+
Visual Studio Code 是一个轻量级功能强大的源代码编辑器，支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。适用于 Windows、macOS 和 Linux。它内置了对 JavaScript、TypeScript 和 Node.js 的支持，并为其他语言和运行时（如 C++、C#、Java、Python、PHP、Go、.NET）提供了丰富的扩展生态系统。
VSCode安装教程（超详细）
JMFive的博客
09-11 4万+
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【软件安装教程】专栏的第1篇文章;既然用到了VSCode，写篇安装教程记录一下不过分吧【软件安装教程】， 此专栏是我是夜阑的狗对软件安装的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。以上就是今天要讲的内容，本文仅仅简单介绍了VSCode安装教程和中文配置。当然VSCode的配置不止这一点，后面的配置都是按需配置，本人追求的就是简洁。🌹 🌹 🌹也欢迎你，关注我。👍 👍 👍！！
VSCode下载安装与使用教程
weixin_46713695的博客
11-01 3万+
VSCode下载安装与使用教程
VSCode安装使用教程（最新详细版）
Passerby_Wang的博客
12-28 20万+
最新版教程，1.63版本（超详细图文解说） 1、下载 2、安装 3、初始化设置
超详细VSCode安装教程（Windows）
Zhangguohao666的博客
04-21 21万+
本文基于Windows系统 博主的VSCode专栏：分享使用VS Code的基本操作与各种技巧
VSCode安装与使用详细教程
wangnvshibeib的博客
02-28 748
你可以根据这个大纲来扩展内容，详细描述每个步骤和功能的使用方法，以及提供相关的截图和示例代码。这样可以帮助读者更好地理解和掌握VSCode的安装与使用。简要介绍VSCode（Visual Studio Code）是什么，它的主要特点和用途，以及为什么选择VSCode作为代码编辑器。总结VSCode的优点和适用场景，鼓励读者继续深入学习和探索VSCode的更多功能。
vscode安装使用的详细教程
10-14
解压版直接解压即可使用，而安装版会自动配置大部分设置。 **汉化** 若需将VS Code设置为中文界面，可在启动后按F1键打开命令面板，搜索"Configore Display Language"，设置为"zh-cn"，然后重启软件。若重启后仍为...
第2讲 vscode软件的安装与使用_vscode_vscode使用_
09-29
本讲将详细阐述VSCode的安装与使用，帮助你快速掌握这款强大的开发工具。 ### 安装VSCode 1. **下载安装**: 访问官方网站`code.visualstudio.com`，根据操作系统（Windows、macOS或Linux）选择对应的安装包进行...
win10添加右键菜单打开VSCode
小韩要快乐！
09-02 200
当进入一个文件夹后，想右键直接打开我的工程，用发现没有vscode项。本文就来介绍如何右键通过vsCode打开项目。注意将里面的路径替换成你的code.exe所在的路径。注意 " " 符号不要复制, 就用文件里的。把你路径里的 \ 符号换成 \\。注意 替换路径的时候 有的路径。特殊符号，复制的时候。保存后运行reg文件。
【ESP32 】VScode -window环境配置（adruino开发）（点亮LED）
最新发布
m0_64551204的博客
09-02 363
进行vs code的下载，等待一段时间。
vscode Git代码版本回退
qq_39669243的博客
09-02 140
在项目文件夹右键打开git bash，输入命令git log 查看提交的历史 commit，git log --pretty=oneline将版本信息压缩到一行。找到自己想要回退的版本，记录下commit后边的版本ID值。执行完成，即可得到想要版本的代码了。git checkout ID值。
HOW - 远程开发（Mac 笔记本+Windows台式机+Visual Studio Code IDE）
weixin_58540586的博客
08-30 507
使用 VSCode 的 Remote Development 插件：支持 SSH、容器和 WSL 环境。使用传统的 SSH 或 RDP：直接访问远程主机或桌面。使用 Git 和 CI/CD 流水线：进行版本控制和自动化部署。这些方法可以帮助你在不同的开发环境和需求下实现高效的远程开发。
vscode使用
Q_004的博客
08-30 1018
备注：有人使用"vue",我开始也试了vue，不知道为啥不可以，改成html就可以了。点击文件-》首选项-》设置 或者直接快捷键ctrl+，在搜索框中输入settings.json,打开此文件。重新打开vscode就可以i了。添加对.vue文件的配置。
vscode写markdown(引入html及css语法)
2301_79347603的博客
09-01 416
用ctrl+shift+p 搜索"Markdown Preview Enhanced:Customize CSS"在style中使用css语法改格式（太牛啦）
VSCode安装与汉化详细步骤
“VSCode安装与汉化教程，包括下载、安装和汉化步骤。” VSCode，全称为Visual Studio Code，是Microsoft开发的一款免费且开源的源代码编辑器，支持多种编程语言。它提供了丰富的功能，如语法高亮、智能代码补全、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值