ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vscode 的基本使用

2022-02-02 22:04:05  阅读:65  来源: 互联网

标签:基本 插件 浏览器 vscode html 使用 打开 安装


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,html,使用,打开,安装
来源: https://blog.csdn.net/weixin_44498127/article/details/122772390

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有