1、前端学习网站
目前国内外有很多前端学习的网站和教程，中文的话一搜一大堆，英文的也有很多，基础或者高级课程的网站，一些英文网站如下：
W3Schools Online Web Tutorials（基础简单）：https://www.w3schools.com/
theodinproject（可能要翻墙）：https://www.theodinproject.com/
在学习过程中，因为我是0基础，只能是先从中文教程开始，主要是从B站看一些视频。我们以后的推送分享也主要是一些学习笔记，而不是系统的Web前端教程。
在B站的话，也有很多视频，我也在跟着B站学习，希望每天能够挤出来一小时学习。但是不管是通过网站还是视频学习，最重要的都是不断练习。
更多内容欢迎关注公众号。
2、VS code简单介绍
Visual Studio Code（简称VS Code）是一个由微软开发的免费、开源的代码编辑器，支持多种编程语言，具有代码高亮、智能代码补全、代码重构、调试等功能，其可以下载大量的插件来支持我们的学习。此外，因为是开源的，所以直接从官网下载就可以，按照流程直接安装好。以下是VS Code的入门教程：
1. 界面概览
打开VS Code，主要包括几个主要部分：
活动栏（Activity Bar）：位于侧边，包含文件、搜索、视图等选项。
侧边栏（Side Bar）：包含项目文件的树状视图。
编辑区（Editor Area）：用于编写代码。
面板（Panel）：位于底部，可以显示终端、调试控制台等。
状态栏（Status Bar）：位于窗口底部，显示编码信息、语言等。
2 打开和创建文件、编辑和保存文件
在侧边栏中，右键点击文件夹，选择“新建文件”或“打开文件”。
- 使用快捷键
Ctrl + N（Mac上是Cmd + N）新建文件。 - 使用快捷键
Ctrl + O（Mac上是Cmd + O）打开文件。
3. 代码智能提示和补全、代码高亮、主题
- 编写代码时，VS Code会提供智能提示和自动补全功能。
- 按
Ctrl + Space可以触发智能提示。
4. 插件
- VS Code拥有丰富的插件库，可以通过点击侧边栏的扩展图标来浏览和安装扩展。
- 可以安装的一些插件：Chinese（菜单栏等设置成中文简体）、HTML CSS Support （智能提示CSS类名等）、JavaScript(ES6) code snippets （JS等语法智能提示和快速输入等）、open in browser（快捷打开浏览器显示当前网页）。
5、快捷键
Ctrl + P：快速打开文件Ctrl + Shift + F：全局搜索Chrl+F：搜索Ctrl + Shift + T：重新打开最近关闭的标签页- 空文件中，
英文叹号+回车，自动生成代码内容。
6.调试和版本控制
VS Code内置调试功能，支持多种语言。
点击侧边栏的调试图标，配置调试环境，然后按F5启动调试。
VS Code集成了Git版本控制功能。
通过侧边栏的源代码控制图标，可以进行提交、推送、拉取等操作。
7. 终端和帮助文档
VS Code内置集成终端，也可以设置已有的外部终端。
VS Code提供了内置的帮助文档，可以通过点击侧边栏的帮助图标来访问。
3、补充说明
插图都没有上传，欢迎大家关注我的公众号查看原文和后续的补充说明内容。
