vscode 的基本使用

2022/2/2 23:16:03

本文主要是介绍vscode 的基本使用,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1. vscode 的基本介绍

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

2. vscode 的安装

下载网址: https://code.visualstudio.com/Download
选择对应的安装包进行下载:

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

3. vscode 的插件安装

插件名 说明
Chinese (Simplified) Language Pack for VS Code 中文(简体)汉化包
open in browser 右击在浏览器打开html
汉化插件安装
在这里插入图片描述

open in browser插件安装
在这里插入图片描述

注意: 如果在vscode打开的html文档中右击没有出现 open in browser 类型的选项,需要把当前打开的文件关掉,重新打开这个文件就好了。

4. vscode 的插件卸载

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

  1. vscode 的使用
    打开文件夹创建文件
    在这里插入图片描述
    在这里插入图片描述

快速创建html文档的基本结构
在这里插入图片描述

右击在浏览器打开html文档
在这里插入图片描述

6. 设置字体大小

在这里插入图片描述

7. 设置颜色主题

在这里插入图片描述

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

可以根据自己的需要设置默认使用的浏览器
在这里插入图片描述

9. 小结

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



这篇关于vscode 的基本使用的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程