开始前的准备工作

电脑 🖥️

不管是苹果系统电脑，还是windows系统的电脑都可以，具体的配置其实没有很明确的要求，尤其是刚开始学习的话，只要你的电脑是最近一两年购买的，可以正常使用，常用软件运行流畅，没有明显的卡顿，就能满足学习前端开发初期学习的需求。🚦不过尽可能用显示器大一点的电脑，因为有时候一边学习一边写一边还要查看效果，屏幕太小了会有点不方便。

不过更推荐使用苹果电脑（Mac）进行学习和前端开发工作，别问我为什么，如果你能坚持学，以后你慢慢就知道了😜。

安装软件 ⚒️

VS Code

不管学什么开发技能👨🏻‍💻👩🏻‍💻，是必须要有一个用来写代码的软件，这种软件一般被称为代码编辑器，其实任何能用来编辑文本的软件，都可以用来写代码，但是专门的代码编辑软件会有一些额外的功能，能帮我们提高写代码的效率，甚至有些功能更强大的代码编辑器有个专业的名词叫做IDE（Integrated Development Environment）集成开发环境。

这种代码编辑器有非常多，我们前端开发领域目前流行度最高，我个人感觉也是非常好用的一款代码编辑器，或者应该说是IDE，是微软出的一个软件，叫做 visual studio code，简称vscode，他非常强大，支持很多语言的开发工作，能安装很多插件，扩展很多功能。

🥳对了，这款程序也是用前端技术开发的!

我之前出过一期vscode的简单介绍视频，有需要的同学可以自取👇

bilibili版本 📺 -> VSCode简介与基本操作

Chrome 浏览器

在前端学习过程中，最好是安装谷歌的Chrome浏览器（官方下载需要能正常访问外网），因为他除了性能好、扩展性强，还有一个开发者工具（Chrome dev tool），可以帮我们去调试代码，是学习过程中非常重要的一个帮手，不管你通过什么教程学习，都会看到它的身影。

英文的Chrome dev tool的介绍视频 👇👇👇

特别好用的工具 ChatGPT 🐮

一定要学会使用ChatGPT或者类似功能的工具，可以帮你大大提升学习效率，帮你节约很多时间，它就是堪比一个无所不知的助教，一定要用起来！

这里给大家推荐一个Chrome浏览器的插件来使用ChatGPT，不过你可能要先学会科学上网才能安装和使用。

📺 Bilibili版本 -> 推荐一个ChatGPT工具

科学上网 VPN

由于很多开发相关的网站以及资源都是国外的，所以能顺畅的访问外网也是很重要的一步，能帮你避免很多麻烦，不过这个在一开始学习的时候影响不大，随着你学习的深入，你慢慢会发现这一步的重要性，到时候再想办法解决就好了。