Vscode的使用

Vcode的使用和安装教程

第三章 VS Code 软件

3.1节 VS Code介绍

Visual Studio Code(简称“VS Code” ) 是微软公司推出的一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补充,Git等特性,支持插件扩展等。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mYG5mxRp-1680824164849)(./assets/4.png)]

3.2 节 VS Code 安装

【1】下载VS Code , 官网下载地址 https://code.visualstudio.com/

【2】安装,VS Code 安装和常规软件安装过程一样,只需要双击安装包,根据提示安装即可

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RlpV3Xgy-1680824164850)(./assets/3.png)]

3.3节 VS Code 使用

3.3.1 目录管理

VS Code 可以更高效的管理前端文件目录;为了更好的管理代码,我们建立一个web-workspace ,然后在web-workspace下存放每天的工程代码,如下所示:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Bixn3Sqm-1680824164851)(./assets/5.png)]

接下来,我们使用VS Code 管理day01-html 目录,操作如下:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FprwJmr0-1680824164853)(./assets/7.png)]

文件和目录操作如下:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UcsUg6gF-1680824164854)(./assets/8.png)]

3.3.2 主题设置

设置主题过程如下:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zKnjoIeC-1680824164855)(./assets/9.png)]

在这里插入图片描述

3.4 节 VS Code 插件

接下来我们安装一些常用的插件,常用功能插件如下:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3k7vGOmM-1680824164857)(./assets/11.png)]

安装过程如下:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qbA7f7hu-1680824164858)(./assets/12.png)]

注意:安装完插件一定要重启VS Code

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

加菲猫���

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值