当前位置： 代码网 > it编程>编程语言>Java > VSCode 安装教程（超详细）

VSCode 安装教程（超详细）

2024年08月02日 • Java •我要评论
VSCode安装教程

文章目录

vscode 安装使用教程（图文版）

那么，什么是 ide 呢 ？

目前，前端开发主流的 ide 有以下 5 个

ide 名称公司是否免费功能性强大
visual studio code微软是强大（推荐）
sublime个人开发者是（需要注册）适中
atomgithub是适中
webstormjetbrains否非常强大
hbuilderdcloud是非常强大

下边我们开始玩转 vscode

vscode 下载、安装

在这里插入图片描述

window 版 vscode 安装流程

1、下载 vscode 安装文件

在这里插入图片描述

2、下载完成单击运行，然后我们开始进行安装

在这里插入图片描述

3、选择安装的位置

在这里插入图片描述

4、选择开始菜单文件夹

在这里插入图片描述

5、选择附加任务

在这里插入图片描述

6、准备安装

在这里插入图片描述

7、正在安装

在这里插入图片描述

8、安装完成

在这里插入图片描述

9、安装完成后，第一次打开 vscode

在这里插入图片描述

vscode 常见插件安装

1、简体中文语言包

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

2、编辑器主题选择、设置

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

3、vscode-icons 显示代码图标

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4、open in brower 通过编辑器直接打开默认浏览器

在这里插入图片描述

在这里插入图片描述

5、live server 开启本地服务器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6、auto rename tag 自动修改标签对名称

在这里插入图片描述

在这里插入图片描述

7、carbon-now-sh 将代码生成一张图片

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

8、prettier 格式化代码

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

相关设置

1、字体设置

在这里插入图片描述

  • 在 vscode 中推荐使用 jetbrains mono 编程专用字体
  • jetbrains 公司最新出了一个字体 jetbrains mono，据称是专为改善看代码体验而生

2、下载字体

在这里插入图片描述

3、在电脑中安装字体

在这里插入图片描述

4、在 vscode 中启用查看字体

在这里插入图片描述

5、光标设置，平滑插入动画

在这里插入图片描述

6、关闭代码缩略图，不占用新资源

在这里插入图片描述

7、ctrl + 鼠标滚轮缩放字体大小

在这里插入图片描述

vscode 快捷键

1、window 版快捷键

2、mac 版快捷键

emmet 语法

vscode 安装使用教程（视频版）

详情请参见：https://www.arryblog.com/guide/vscode-video.html

赞 (0)

相关文章:

版权声明：本文内容由互联网用户贡献，该文观点仅代表作者本人。本站仅提供信息存储服务，不拥有所有权，不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 2386932994@qq.com 举报，一经查实将立刻删除。

发表评论

验证码：
最近更新的文章
推荐阅读
大家感兴趣的文章
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱：2386932994@qq.com