VSCode安装步骤及基本使用方法介绍

VSCode安装步骤及基本使用方法介绍,需要掌握安装和卸载VSCode的插件,知道怎么设置VSCode的颜色主题和字体大小。

1、VSCode的基本介绍

全拼是VisualStudioCode(简称VSCode)是由微软研发的一款免费、开源的跨平台代码编辑器,目前是前端(网页)开发使用最多的一款软件开发工具。

2、VSCode的安装

(1)选择对应的安装包进行下载:
在这里插入图片描述
(2)根据下载的安装包双击进行安装即可,当然为了更好的使用VSCode还可以安装对应的插件。

3、VSCode的插件安装

(1)汉化插件安装平台选择平台选择

在这里插入图片描述
在这里插入图片描述
(2)openinbrowser插件安装平台选择注意:如果在VSCode打开的html文档中右击没有出现openinbrowser类型的选项,需要把当前打开的文件关掉,重新打开这个文件就好了。
在这里插入图片描述
4、VSCode的插件卸载

点击对应安装的插件,然后再点击卸载按钮即可。

5、VSCode的使用

(1)打开文件夹创建文件平台选择平台选择
在这里插入图片描述
在这里插入图片描述
(2)快速创建html文档的基本结构平台选择
在这里插入图片描述
(3)右击在浏览器打开html文档平台选择
在这里插入图片描述
6、设置字体大小
在这里插入图片描述
在这里插入图片描述
7、设置颜色主题
在这里插入图片描述
在这里插入图片描述
8、设置默认浏览器[可选]

可以根据自己的需要设置默认使用的浏览器
在这里插入图片描述
小结:VSCode是由微软研发的一款免费、开源的跨平台代码编辑器;通过资源管理器打开文件夹创建HTML文件,编写HTML代码;可以根据需要安装对应的插件;可以设置字体大小和颜色主题。

刚入门的小伙伴们可以看看这个HTML5+CSS3的基础入门视频哦~

web前端开发入门教程,前端零基础html5+css3+前端项目视频教程

采用实战式教学,一线大厂的综合案例,用最短的路径讲解每个技术点,每章节都自成闭环。 课程中和课程尾配备两个实战项目,项目一类型是企业站,快速的将基础知识点进行反复练习;项目二类型是电商站,基于项目一升级难度,掌握更复杂的网页效果的开发流程和布局标准。严格按照专业的开发流程:专业的测量工具,做到100%还原设计稿;编码规范对标一线大厂开发标准,做到从头到尾的专业开发。让同学们学习中即可切身体会一线大厂的开发流程和标准。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值