Web前端开发安装准备 for mac

软件
Visual Studio Code 搜百度输入软件点击官方下载

Vs安装推荐插件
步骤：以下图点击商店步骤

Chinese (汉化简体）
Beautify （格式化代码的工具）

Auto Rename Tage （修改 html 标签，自动帮你完成尾部闭合标签的同步修改）

Code Runner（代码一键运行）

Debugger for Chrome（直接在vscode里面进行调试js文件，跟谷歌的控制台是一样的功能，下载了它就不用打开浏览器的控制台就能进行打断点。）

HTML CSS Support（让 html 标签上写class 智能提示当前项目所支持的样式）

Bracket Pair Colorizer (给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色)

open in browser vscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari)

Live Server实时同步预览页面

主题风格插件
Material lcon Theme

SynthWave ‘84