学工程要不求甚解，文档上都有，就不用问为什么。

学算法要求甚解，弄懂原理。

1.1 vscode的安装与配置

前端三剑客：html+css+JavaScript (js)

（1）安装

学前端一定要用chrome浏览器

工欲善其事必先利其器——vscode

用chrome下载vscode时会有危险提示，应该是谷歌和微软有竞争关系

vscode很轻量级，安装起来很快

安装时需注意：要不要把code的打开默认方式的默认方式设置成vscode，如果还用其他编辑器，建议不勾选这几项

（2）在vscode中安装插件：

Live Server作用：写网站一般会部署在后端Linux服务器上，Linux会承载我们的网站，如果你没有在用Linux上写的话，Liver Server会帮我们模拟一个Linux终端，模拟一个Linux服务，现在的开发环境相当于模拟了一个真正网站开发环境，相当于模拟了一个后端。模拟一个网站服务器。

Auto Rename Tag作用：比如在html中是用一个个的标签，< h1 > < h1 >当我们修改一个标签的名字时候，< h2 >，这个插件会自动帮我们把和他对应的标签修改掉

（3）设置

设置自动格式化作用：当我们的代码保存时自动给格式化（比如自动对齐）

配置代码字体大小：点击settings，然后输入font，找到Font，在 Font Size这里填写代码大小。

1.2 MDN官方文档

学web有两个很好的知识网站：

一个是W3C：
https://www.w3schools.com/ https://www.w3school.com.cn/
一个是MDN：
https://developer.mozilla.org/zh-CN/

更推荐MDN网站，有什么不会的知识点都可去MDN里去搜。优点：①这个更新②更容易让人理解③更便捷(自带一个在线的编辑器)④而且也是中文的。