2024从零开始使用VSCode编程（新手简单设置篇）HTML+CSS+JS阶段

本文只为记录并帮助有需要的小伙伴学习使用VScode

最早开始本人的前端代码是使用HBuilder编写的，但最近想正式转战VSCode，所以才有这系列文章

VSCode（Visual Studio Code）

注意本教程发布于2024年7月，软件为win1.91，后续版本使用时也可参考

一、初始界面

二、插件推荐以及安装使用

插件为中文插件以及拼写检查器插件和浏览器中打开插件

注意：此步骤为简单的基础插件推荐，VSCode的优秀在于丰富的插件，各位码农请自行探索

主要作用：

①、中文插件（Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code）：界面中文化，降低界面英文含量使中国人上手变得简单

②、拼写检查器插件（Code Spell Checker）：帮助检测代码和文档中的拼写错误，并尽量减少误报的次数

③、浏览器中打开（Open in Browser）提供一种便捷的方式来在浏览器中打开当前文件

1、中文插件安装教程（Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code）

①点击图标

②搜索框输入Chinese并点击第一个选项进入介绍页面

也可以直接点击install安装

③安装插件

此处为界面介绍

点击install安装插件

④修改并应用

下载成功后右下角会弹出提示

（大概意思是：你想改变页面显示的语言吗）

注意：这一步会重启VSCode

点击Change Language and Restart重启并设置界面语言

2、拼写检查器插件安装教程（Code Spell Checker）

与上述安装教程相同，插件如下

2、浏览器中打开插件安装教程（Open in Browser）

与上述安装教程相同，插件如下

三、界面颜色切换（主题）

①点击界面左下角的齿轮图标（设置）

②点击“主题”选择“颜色主题”

③选择一个自己喜欢的主题（可以一个一个试）