• 在线客服

  • 扫描二维码
    下载博学谷APP

  • 扫描二维码
    关注博学谷微信公众号

  • 意见反馈

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

发布时间:2021-12-10 14:19:16 浏览 3173 来源:博学谷 作者:小谷

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

    1、VSCode的基本介绍

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

    2、VSCode的安装

    (1)选择对应的安装包进行下载:

    选择对应的安装包进行下载

    (2)根据下载的安装包双击进行安装即可,当然为了更好的使用VSCode还可以安装对应的插件。

    3、VSCode的插件安装

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

    汉化插件1汉化插件2

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

    open in browser插件安装

    4、VSCode的插件卸载

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

    5、VSCode的使用

    (1)打开文件夹创建文件平台选择平台选择

    打开文件夹创建文件1打开文件夹创建文件2

    (2)快速创建html文档的基本结构平台选择

    快速创建html文档的基本结构

    (3)右击在浏览器打开html文档平台选择

    右击在浏览器打开html文档

    6、设置字体大小

    设置字体大小设置字体大小2

    7、设置颜色主题

    设置主题设置主题2

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

    可以根据自己的需要设置默认使用的浏览器

    设置默认使用的浏览器

    小结:VSCode是由微软研发的一款免费、开源的跨平台代码编辑器;通过资源管理器打开文件夹创建HTML文件,编写HTML代码;可以根据需要安装对应的插件;可以设置字体大小和颜色主题。

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: HTML的作用是什么?用来做什么? 下一篇: 表单标签有哪些?分别做什么?

相关推荐 更多

热门文章

  • 前端是什么
  • 前端开发的工作职责
  • 前端开发需要会什么?先掌握这三大核心关键技术
  • 前端开发的工作方向有哪些?
  • 简历加分-4步写出HR想要的简历
  • 程序员如何突击面试?两大招带你拿下面试官
  • 程序员面试技巧
  • 架构师的厉害之处竟然是这……
  • 架构师书籍推荐
  • 懂了这些,才能成为架构师
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码