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

相信很多同学刷过这套B站播放量超过百万播放量的入门教程没刷过的赶紧去刷,超级适合0基础小白入门必备。

前端Html5+Css3+移动Web教程
在这里插入图片描述
刷完视频之后,很多同学都是自己亲自上手敲一敲代码,来先安装一下软件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、设置字体大小
设置字体大小设置字体大小2在这里插入图片描述

7、设置颜色主题
在这里插入图片描述在这里插入图片描述

8、设置默认浏览器[可选]

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值