谷歌浏览器与HBuilderX的下载安装配置

谷歌浏览器

• 功能：谷歌浏览器是一款现代化的网页浏览器，它的主要功能包括网页浏览、支持各种网络标准、提供插件和扩展程序等。Chrome 浏览器以其速度、简洁的用户界面和强大的开发者工具著称。
• 开发者工具：Chrome 的开发者工具（DevTools）对于前端开发人员尤其重要，它可以帮助开发者调试网页、检查 HTML/CSS、监控网络请求和性能等。

1.下载安装：

Chrome官网地址：https://www.google.cn/chrome/

安装完成后无需登录，由于谷歌搜索引擎在国内并不能正常使用，需要修改一下。点击右上角的 三个点，再点击 设置

选择搜索引擎，将搜索引擎改为百度

2. 桌面美化：(非必要)

搜索极简插件，进入官网，选择插件-分类-美化，下载所需插件

以WeTab AI 为例，选择推荐下载

下载完成并解压

谷歌打开菜单-拓展-管理拓展程序，打开开发者模式，将文件crx文件拖入谷歌即可

 成品展示：

HBuilderX

• 功能：HBuilderX 是一款由 DCloud 开发的集成开发环境（IDE），主要用于开发跨平台应用。它支持 HTML5、CSS3、JavaScript 和其他前端技术，同时也支持 uni-app、vue.js 等框架。HBuilderX 提供了代码编辑、项目管理、调试工具等功能，旨在提高开发效率。
• 调试功能：HBuilderX 自带的调试功能允许开发者在应用开发过程中进行实时预览和调试，支持模拟器和真机测试。

1.下载安装

官网地址：https://www.dcloud.io/hbuilderx.html

单击Downloads for Windows下载即可

 选择D盘保存安装文件,做好文件分类,以便于查找文件和文件管理(尽量不使用中文做文件名)

 

 解压完成后选中HBuilderX这个执行文件，选择【创建快捷方式】，就会在刚刚的文件下出现一个快捷方式，选中后拖到桌面上就行。

2.资源配置

打开工具-插件安装

---

选择安装新插件-安装内置浏览器、内置终端、Git插件、JavaScript

选择工具-设置可调节字体大小，编辑字体等

3.新建项目：

选择文件-项目

选择普通项目-基本HTML项目，输入项目名称（随意输入即可），点击创建即可