幼儿园前端 #02：VS Code 安装 + 4个必备插件（新手环境配置）本期详细的视频教程bilibili：幼儿园前端

大家好，我是施奋腾，大家可以叫我小奇腾，欢迎回到“幼儿园前端”！工欲善其事，必先利其器。告别难用的记事本，今天我们要安装最流行的编辑器 VS Code，并配置 4 款必备插件。别嫌麻烦，装好后你的开发效率将提升 10 倍！

下载与安装

进入后选择对应的系统版本(windows / mac)，下载后一路安装即可.

下载&开启:打开vscode，左边栏就有一个扩展工具，在搜索栏对应名称插件下载后启用;

翻译：把英文界面变中文, vscode开发默认是英文的，所以为了方便理解可以安装一下，中文界面。

💡 文件命名小贴士：

全部小写：避免 Windows 和 Mac 对大小写敏感度不同带来的问题。

用连字符 - 代替空格：浏览器地址栏里，空格会被变成 %20，很难看，连字符 - 最标准。

不要用特殊符号：坚决不要在文件名里写 ?、:、#。

热更新：安装后会实时更新，不需要再手动去刷新浏览器，改完代码保存立刻生效

文件图标：你的文件图标会更好看，更直观

格式化代码：不再用为格式化代码烦恼，(Mac系统)快捷键格式化 option + shift + f, 其他系统会有快捷键提示，当你右键的时候，效果都是个格式化