VSCode 安装教程（超详细）
博主写的很好：可以查看原文链接：https://blog.csdn.net/weixin_44950987/article/details/128129613
9.冄2.7.號
已于 2022-12-02 15:47:57 修改
41224
收藏 544
文章标签： vscode ide 编辑器
版权
Node.js
专栏收录该内容
8 篇文章4 订阅
订阅专栏
文章目录
VSCode 安装使用教程（图文版）
那么，什么是 IDE 呢 ？
目前，前端开发主流的 IDE 有以下 5 个
下边我们开始玩转 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、字体设置
2、下载字体
3、在电脑中安装字体
4、在 VSCode 中启用查看字体
5、光标设置，平滑插入动画
6、关闭代码缩略图，不占用新资源
7、Ctrl + 鼠标滚轮缩放字体大小
VSCode 快捷键
1、Window 版快捷键
2、Mac 版快捷键
Emmet 语法
VSCode 安装使用教程（视频版）
VSCode 安装使用教程（图文版）
工欲善其事，必先利其器
对于我们每一位软件工程师来说，都要有自己顺手的 IDE 开发工具，它就是我们的武器。
一个好用的 IDE 不仅能提升我们的开发效率，还能让我们保持愉悦的心情，这样才是非常 Nice 的状态
那么，什么是 IDE 呢 ？
what
IDE（Integrated Development Environment，集成开发环境）是含代码编辑器、关键词高亮、智能感应、智能纠错、格式美化、版本管理等功能于一身的 “高级代码编辑器”
每个 IT 工程师都要有自己顺手的 IDE，它是我们的武器
要理解无论使用什么 IDE 编写出来的代码，本质上都是 “白底黑字” 的，都是 “纯文字” 的
目前，前端开发主流的 IDE 有以下 5 个
IDE 名称 公司 是否免费 功能性强大
Visual Studio Code 微软 是 强大（推荐）
Sublime 个人开发者 是（需要注册） 适中
Atom GitHub 是 适中
WebStorm JetBrains 否 非常强大
HBuilder DCloud 是 非常强大
为什么现在不用 Dreamweaver
Dreamweaver 是曾经网页制作的王牌 IDE，推崇 “所见即所得” ，用拖拽控件的方式进行网页开发
但近几年，前端开发技术，形式已经发生了根本性的变化，Dreamweaver 现在不是前端工程师的主流选择了
原文链接：https://blog.csdn.net/weixin_44950987/article/details/128129613