VS code的使用
是一款跨平台的、免费开源的现代轻量级代码编辑器。
VS Code官网下载地址：https://code.visualstudio.com/
Download for Windows 直接下载Windows版本
VS Code的安装 “勾选” + “下一步” 即可，安装路径选择可自由分配，在 “选择附加任务” 建议把 “创建桌面快捷方式” 勾选上，其它选项全部勾选。
插件管理，如果插件不能使用，很可能是因为插件安装不正确
-
中文搜索：Chinese，显示的第一个插件就是汉化包，直接安装即可
-
切换主题 设置--主题
-
在浏览器中打开 Open in Browser 修改浏览器设置
-
Live Server 临时搭建的后台服务
自动刷新功能：在VSCode中编辑HTML、CSS或JavaScript文件并保存更改时，Live Server会自动在浏览器中刷新页面，立即看到最新的变化。 简单易用：可以通过在VSCode的底部栏中找到Live Server插件，点击Go Live按钮或在HTML文件上右键选择Open with Live Server来启动服务。此外，还支持快捷键操作，例如Alt+L, O打开服务，Alt+L, C关闭服务。 灵活的配置选项：Live Server允许自定义许多设置，例如设置本地服务的端口号、根目录、默认浏览器以及忽略特定文件类型等。这些配置可以通过VSCode的设置界面进行调整。 -
设置，常用设置 可以更改字体大小，和字体
Consolas, 'Courier New', monospace 排列在前面的字体是当前使用的字体 -
常规使用 编写代码，运行代码
-
调试运行
- 查看---终端
开发者工具
-
检查网页上的元素
- 容易选择网页上的任何元素。想要检查页面的一个部分，而在查找该部分的代码时遇到了困难。打开开发者工具，然后点击如下所示的小箭头图标。
-
设备模式
- 提供了一个功能，允许查看不同的设备模式，以检查工作是否响应。转到开发人员工具，点击选择工具旁边的“切换设备工具栏”这个小图标，打开设备模式。
-
元素面板
-
可以在进行开发时预览任何页面的实时代码更改。允许修改HTML和CSS代码。
-
检查元素：右键任何网页元素 > 检查，或使用工具上的小放大镜图标。这将突出显示元素并在元素面板中显示其 HTML 和 CSS。
-
修改样式：在右侧的“样式”选项卡中，你可以直接编辑元素的 CSS 样式，这是临时的，只反映在当前会话中。
-
修改DOM：你可以直接在元素面板中编辑 HTML 内容，例如添加、删除或移动元素。
-
这个修改也仅对当前的页面渲染生效，不会修改服务器的源代码，故而这个功能也是作为调试页面效果而使用。
-
-
源面板
- 此面板也称为调试面板。这就像一个完整的代码编辑器，您可以在其中编写代码并保存它，而不是从一个面板切换到另一个面板。这在对实际文件进行更改时很有帮助，您不需要每次将代码从一个地方复制粘贴到另一个地方。
- 控制台
- 运行 JavaScript：直接在控制台输入 JavaScript 代码并按 Enter 运行。
- 查看日志、错误和警告：网页上的 JavaScript 错误和日志会显示在这里。
- 交互式操作：你可以直接访问当前页面的任何 JavaScript 对象或变量。
实验：VSCode中使用Gitee进行版本管理
1.搭建 GIt 环境（Windows）
Git是一款免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。 Git是用于Linux内核开发的版本控制工具。与CVS、Subversion一类的集中式版本控制工具不同，它采用了分布式版本库的作法，不需要服务器端软件，就可以运作版本控制，使得源代码的发布和交流极其方便。Git的速度很快，这对于诸如Linux内核这样的大项目来说自然很重要。Git最为出色的是它的合并追踪（merge tracing）能力。
1.1 先下载安装 GIt， 记住 Git 的安装路径
在项目文件夹下 右键 --> Git Bash Here 打开 Git 命令行，git init 新建一个文件夹，用于管理我们的代码；git 指的是我们使用 Git 这款软件进行管理，init 意为初始化；
- 配置用户名，输入命令后回车：
git config --global user.name "用户名" - 配置用户邮箱
**git config --global user.email "用户邮箱"**
1.2 进入Git Bash Here使用命令 ls .ssh 检查目录下是否已经有公钥和私钥
ls .ssh
1.3 创建公钥和私钥，使用命令 ssh-keygen -t rsa -C “邮箱”；
ssh-keygen -t rsa -C '邮箱地址'
1.4 公钥私钥已经生成，注意提示的路径，可以在直接打开用户目录下的.ssh文件夹，打开里面的id_rsa.pub文件即可查看
1.5 查看公钥
cat ~/.ssh/id_rsa.pub
1.6 复制公钥，打开 Gitee 网站，点击右上角的头像，选择设置，在左侧导航栏中选择 SSH 公钥，在右侧的文本框中粘贴公钥，点击添加 SSH 公钥，即可完成公钥的配置。
2.推送本地代码文件至 Gitee
- 登陆之后，新建一个仓库
- 创建完成会进入以下界面，仓库地址正是我们推送代码需要使用到的
- 在 Git 中通过命令ssh-keygen -t rsa -C '邮箱地址'生成公钥和私钥；在任意目录打开 GIt 命令行，输入命令，如下提示则说明生成成功。
- 复制公钥到 gitee 管理 --> 部署公钥管理 --> 添加公钥中；
3.vscode中推送
3.1 从gitee拉取项目
- 新建一个仓库
- 获取仓库地址
- 在vscode中使用快捷键ctrl+shift+p,选择克隆，粘贴仓库地址
打开 VSCode，打开命令面板（Ctrl+Shift+P 或 Cmd+Shift+P）。 输入 Git: Clone 并选择它。
3.2 向gitee推送
- 在vscode中新建文件，在源代码管理中将更改的文件加入到暂存文件中，点击提交
- commit-edit文件修改保存编辑