vscode 的基本使用

  • vscode 的基本使用
  • 1. vscode 的基本介绍
  • 2. vscode 的安装
  • 3. vscode 的插件安装
  • 4. vscode 的插件卸载
  • 5. vscode 的使用
  • 6. 设置字体大小
  • 7. 设置颜色主题
  • 8. 设置默认浏览器[可选]
  • 9. 小结


vscode 的基本使用

学习目标

  • 能够安装和卸载 vscode 的插件
  • 能够设置 vscode 的颜色主题和字体大小

1. vscode 的基本介绍

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

2. vscode 的安装

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

java 前端 vs code 如何指定运行在哪个端口_visual studio code

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

3. vscode 的插件安装

插件名

说明

Chinese (Simplified) Language Pack for VS Code

中文(简体)汉化包

open in browser

右击在浏览器打开html

  1. 汉化插件安装

java 前端 vs code 如何指定运行在哪个端口_插件安装_02

  1. open in browser插件安装

java 前端 vs code 如何指定运行在哪个端口_前端_03

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

4. vscode 的插件卸载

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

5. vscode 的使用

  1. 打开文件夹创建文件

java 前端 vs code 如何指定运行在哪个端口_Code_04

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

java 前端 vs code 如何指定运行在哪个端口_html_05

  1. 右击在浏览器打开html文档

java 前端 vs code 如何指定运行在哪个端口_visual studio code_06

6. 设置字体大小

java 前端 vs code 如何指定运行在哪个端口_插件安装_07


java 前端 vs code 如何指定运行在哪个端口_插件安装_08

7. 设置颜色主题

java 前端 vs code 如何指定运行在哪个端口_Code_09


java 前端 vs code 如何指定运行在哪个端口_前端_10

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

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

java 前端 vs code 如何指定运行在哪个端口_插件安装_11

9. 小结

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

加油!

感谢!

努力!