前端---vscode 的基本使用

1. vscode 的基本介绍

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

2. vscode 的安装

  1. 下载网址: Download Visual Studio Code - Mac, Linux, Windows
  2. 选择对应的安装包进行下载:
  1. 根据下载的安装包双击进行安装即可,当然为了更好的使用 vscode 还可以安装对应的插件。

3. vscode 的插件安装

插件名 说明
Chinese (Simplified) Language Pack for VS Code 中文(简体)汉化包
open in browser 右击在浏览器打开html
  1. 汉化插件安装

2.open in browser插件安装

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

4. vscode 的插件卸载

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

5. vscode 的使用

  1. 打开文件夹创建文件

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

右击在浏览器打开html文档

6. 设置字体大小

7. 设置颜色主题

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

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

9. 小结

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

 

相关推荐

  1. 前端html中iframe基本使用

    2023-12-25 14:18:02       9 阅读
  2. VsCode开发工具入门及基本使用

    2023-12-25 14:18:02       35 阅读
  3. VSCode 快捷键使用

    2023-12-25 14:18:02       15 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-25 14:18:02       14 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-25 14:18:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-25 14:18:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-25 14:18:02       18 阅读

热门阅读

  1. CentOS+ISCSI

    2023-12-25 14:18:02       35 阅读
  2. 学习Vue2.x

    2023-12-25 14:18:02       35 阅读
  3. 开发web应用,用前端技术还是.NET?

    2023-12-25 14:18:02       26 阅读
  4. 国产化之路 Linux Mono下的asp.net 开发笔记(一)

    2023-12-25 14:18:02       34 阅读
  5. void类型指针和函数指针

    2023-12-25 14:18:02       27 阅读
  6. 盘点 | 2023年针对国内的电子邮件安全事件

    2023-12-25 14:18:02       32 阅读
  7. obs video-io.c

    2023-12-25 14:18:02       29 阅读
  8. 策略模式(Strategy)

    2023-12-25 14:18:02       34 阅读
  9. Transformer 模型设计的灵感

    2023-12-25 14:18:02       32 阅读