PS：本文基本框架笔记内容均来自b站up主 咸虾米_  ，其余资料来自网络补充和学习。

如侵权，请联系删除！！！

1.1 Hbuilder软件与uni-app文档介绍

HbuilderX H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。我们也简称是轻如编辑器、强如IDE的合体版本。

Uni-app是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

Uni-app同时也是更好的小程序开发框架、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。

1.1.1 什么是编辑器？（选自知乎）

根据C语言的知识，我们平时所说的程序，是指双击后就可以直接运行的程序，这样的程序被称为可执行程序（Executable Program）。在 Windows 下，可执行程序的后缀有 .exe 和 （其中 .exe 比较常见）；在类 UNIX 系统（Linux、Mac OS 等）下，可执行程序没有特定的后缀，系统根据文件的头部信息来判断是否是可执行程序。

可执行程序的内部是一系列计算机指令和数据的集合，它们都是二进制形式的，CPU 可以直接识别，毫无障碍；但是对于程序员，它们非常晦涩，难以记忆和使用。

例如，在屏幕上输出“同年新月”，C语言的写法为：

puts("同年新月");

但是二进制的写法却是类似这样：

直接使用二进制指令编程对程序员来说简直是噩梦，尤其是当程序比较大的时候，不但编写麻烦，需要频繁查询指令手册，而且除错会异常苦恼，要直接面对一堆二进制数据，让人眼花缭乱。另外，用二进制指令编程步骤繁琐，要考虑各种边界情况和底层问题，开发效率十分低下。

这就倒逼程序员开发出了编程语言，提高自己的生产力，例如汇编、C语言、C++、Java、Python、Go语言等，都是在逐步提高开发效率。至此，编程终于不再是只有极客能做的事情了，不了解计算机的读者经过一定的训练也可以编写出有模有样的程序。

所以就有了编辑器的出现：

百度百科上这么写道：

编辑器是软件程序，一般是指用来修改电脑档案的编写软件，但也有人称 PE2、HE4（汉书）……等文书软件为编辑器。常见的编辑器有文本编辑器、 网页编辑器、源程序编辑器、图像编辑器，声音编辑器和视频编辑器等。

一个好的编辑器可以节省开发时间，提高工作效率，它们都能提供非常方便易用的开发环境。你可以用它们来编写代码，查看源文件和文档等，简化你的工作。

PS：常用编辑器举例子

• NodePad++ :Notepad++ 是一款免费但优秀的代码编辑器，运行在 Windows 环境下，可以支持多种编程语言。

• Vim : Vim 是从 vi 发展出来的一个文本编辑器，在程序员中被广泛使用，运行在Linux环境下。

• GNU Emacs : Emacs 是一个轻便、可扩展、免费的编辑器，它比其它的编辑器要更强大，是一个整合环境，或可称它为集成开发环境。它可以处理文字，图像，高亮语法，将代码更直观地展现给开发者。

1.1.2 什么是编译器？

C语言代码由固定的词汇按照固定的格式组织起来，简单直观，程序员容易识别和理解，但是对于CPU，C语言代码就是天书，根本不认识，CPU只认识几百个二进制形式的指令。这就需要一个工具，将C语言代码转换成CPU能够识别的二进制指令，也就是将代码加工成 .exe 程序；这个工具是一个特殊的软件，叫做编译器（Compiler）。

编译器能够识别代码中的词汇、句子以及各种特定的格式，并将他们转换成计算机能够识别的二进制形式，这个过程称为编译（Compile）。

PS：机器语言、汇编语言和高级语言区别

1. 机器语言

计算机执行的二进制命令，都是0和1表示的。

2. 汇编语言

具有一定意义的文字命令，与机器语言一一对应。汇编语言可以通过汇编得到机器语言，机器语言可以通过反汇编得到汇编语言。汇编过程还包括变量内存管理，即经过汇编之后所有的变量和函数都变成了地址，而常量也变成了对应的值。
但是汇编语言还是不够直观，一个简单的动作需要大量的语句来描述，因此又有了高级语言。

3. 高级语言

更简单，符合人们的习惯，也更容易理解和修改。高级语言经过编译器编译之后可以得到目标程序。
编译器的作用就是把高级语言的源代码转换成对应平台的目标代码。高级语言书写比较简单，但是翻译起来比较复杂，同样的高级语言语句可以有不同的机器语言实现方法。

而编译器所做的就是进行这三种语言的互相转换。大多数情况下，编译是从更高级的语言（高级语言、汇编语言）编译成低级语言（汇编语言、机器语言）。

另一种情况是，从他人的可执行程序（低级语言）编译成高级语言，以推导出他人的软件产品所使用的思路、原理、结构、算法、处理过程、运行方法等设计要素，某些特定情况下可能推导出源代码。这个过程叫做反向编译。

编译器：将你所编辑的源代码编译成机器所能理解的语言，比如VC++把你的.cpp文件编译成.obj文件（经过编译器编译这时的代码计算机已经可以识别），而最后的.exe则是通过连接生成的（这里的工作是由连接器完成的，跟编译器无关）。

1.1.3 什么是IDE？

IDE（集成开发环境）：

实际开发中，除了编译器是必须的工具，我们往往还需要很多其他辅助软件，例如：

• 编辑器：用来编写代码，并且给代码着色，以方便阅读；

• 代码提示器：输入部分代码，即可提示全部代码，加速代码的编写过程；

• s调试器：观察程序的每一个运行步骤，发现程序的逻辑错误；

• 项目管理工具：对程序涉及到的所有资源进行管理，包括源文件、图片、视频、第三方库等；

• 漂亮的界面：各种按钮、面板、菜单、窗口等控件整齐排布，操作更方便。

这些工具通常被打包在一起，统一发布和安装，例如 Visual Studio、Dev C++、Xcode、Visual C++ 6.0、C-Free、Code::Blocks 等，它们统称为集成开发环境（IDE，Integrated Development Environment）。

集成开发环境就是一系列开发工具的组合套装。这就好比台式机，一个台式机的核心部件是主机，有了主机就能独立工作了，但是我们在购买台式机时，往往还要附带上显示器、键盘、鼠标、U盘、摄像头等外围设备，因为只有主机太不方便了，必须有外设才能玩的爽。

集成开发环境也是这个道理，只有编译器不方便，所以还要增加其他的辅助工具。

1.1.4 补充概念

源文件（Source File）

在开发软件的过程中，我们需要将编写好的代码（Code）保存到一个文件中，这样代码才不会丢失，才能够被编译器找到，才能最终变成可执行文件。这种用来保存代码的文件就叫做源文件（Source File）。

每种编程语言的源文件都有特定的后缀，以方便被编译器识别，被程序员理解。源文件后缀大都根据编程语言本身的名字来命名：

C语言源文件的后缀是.c

C++语言（C Plus Plus）源文件的后缀是.cpp

工程/项目（Project）

一个真正的程序（也可以说软件）往往包含多项功能，每一项功能都需要几十行甚至几千行、几万行的代码来实现，如果我们将这些代码都放到一个源文件中，那将会让人崩溃，不但源文件打开速度极慢，代码的编写和维护也将变得非常困难。

在实际开发中，程序员都是将这些代码分门别类地放到多个源文件中。除了这些成千上万行的代码，一个程序往往还要包含图片、视频、音频、控件、库（也可以说框架）等其它资源，它们也都是一个一个地文件。

为了有效地管理这些种类繁杂、数目众多的文件，我们有理由把它们都放到一个目录（文件夹）下，并且这个目录下只存放与当前程序有关的资源。实际上 IDE 也是这么做的，它会为每一个程序都创建一个专门的目录，将用到的所有文件都集中到这个目录下，并对它们进行便捷的管理，比如重命名、删除文件、编辑文件等。

这个为当前程序配备的专用文件夹，在 IDE 中也有一个专门的称呼，叫做“Project”，翻译过来就是“工程”或者“项目”。

工程类型/项目类型

“程序”是一个比较宽泛的称呼，它可以细分为很多种类，例如：

• 有的程序不带界面，完全是“黑屏”的，只能输入一些字符或者命令，称为控制台程序（Console Application），例如 Windows 下的 cmd.exe，Linux 或 Mac OS 下的终端（Terminal）。

• 有的程序带界面，看起来很漂亮，能够使用鼠标点击，称为GUI程序（Graphical User Interface Program），例如 QQ、迅雷、Chrome 等。

• 有的程序不单独出现，而是作为其它程序的一个组成部分，普通用户很难接触到它们，例如静态库、动态库等。

不同的程序对应不同的工程类型（项目类型），使用 IDE 时必须选择正确的工程类型才能创建出我们想要的程序。换句话说，IDE 包含了多种工程类型，不同的工程类型会创建出不同的程序。

不同的工程类型本质上是对 IDE 中各个参数的不同设置；我们也可以创建一个空白的工程类型，然后自己去设置各种参数（不过一般不这样做）。

控制台程序对应的工程类型为“Win32控制台程序（Win32 Console Application）”，GUI程序对应的工程类型为“Win32程序（Win32 Application）”。

控制台程序是 DOS 时代的产物了，它没有复杂的功能，没有漂亮的界面，只能看到一些文字，虽然枯燥无趣，也不实用，但是它非常简单，不受界面的干扰，所以适合入门，我强烈建议初学者从控制台程序学起。等大家对编程掌握的比较熟练了，能编写上百行的代码了，再慢慢过渡到GUI程序。

1.1.5 uni-app

通过 HBuilderX 可视化界面

可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。

HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。

下载App开发版，可开箱即用；如下载标准版，在运行或发行uni-app时，会提示安装uni-app插件，插件下载完成后方可使用。

如使用“cli”方式创建项目，可直接下载标准版，因为uni-app编译插件被安装到项目下了。

1.1.6 HbuilderX 详细介绍

特点包含：

1. 轻巧 仅10余M的绿色发行包(不含插件)

2. 极速 不管是启动速度、大文档打开速度、编码提示，都极速响应 C++的架构性能远超Java或Electron架构

3. vue开发强化 对vue做了大量优化投入，开发体验远超其他开发工具 详见HX

4. 小程序支持 国外开发工具没有对中国的小程序开发优化，可新建 等项目，为国人提供更高效工具HXuni-app小程序

5. markdown利器 是唯一一个新建文件默认类型是markdown的编辑器，也是对md支持最强的编辑器 为md强化了众多功能，请务必点击【菜单-帮助-markdown语法示例】，快速掌握md及的强化技巧！HXHXHX

6. 清爽护眼 HX的界面比其他工具更清爽简洁，绿柔主题经过科学的脑疲劳测试，是最适合人眼长期观看的主题界面 详见

7. 强大的语法提示 是中国唯一一家拥有自主IDE语法分析引擎的公司，对前端语言提供准确的代码提示和转到定义（Alt+鼠标左键）HX

8. 高效极客工具 更强大的多光标、智能双击...让字处理的效率大幅提升 详见，

9. 更强的json支持 现代js开发中大量json结构的写法，提供了比其他工具更高效的操作 

扩展性：

支持java插件、nodejs插件，并兼容了很多vscode的插件及代码块。
还可以通过外部命令，方便的调用各种命令行功能，并设置快捷键。
如果你习惯了其他工具（如vscode或sublime）的快捷键，在菜单工具-快捷键方案中可以切换。

1.1.7 下载上述工具

HbuilderX的下载，进入官网

选择HbuilderX

下载并解压到电脑本地

之后就可以开始正式的学习了。

PS：长时间未打开不要忘了检查更新，步骤如下。

1.1.8 什么是web服务技术前后端？

在系统学习之前不得不了解一下关于开发移动端小程序的一些基础知识，在网上学习的过程中经常能听到“前后端”这个词，所以他到底是什么意思呢？技术前后端是指Web应用程序的两个组成部分，其中前端指浏览器中呈现给用户的界面，后端指应用程序的服务器端。前端技术主要包括HTML、CSS和JavaScript，用于构建用户体验；而后端则负责存储数据、处理逻辑和向前端提供数据接口。两者需要密切配合，才能构成一个完整的Web应用程序。

随着Web应用程序的不断发展，前端技术也在不断进化。最初的Web页面主要由静态HTML和CSS构成，无法进行交互和动态更新。后来，JavaScript被广泛应用于前端技术中，使得Web页面可以响应用户操作。现在，前端技术更趋向于构建富交互体验，如React和Angular等前端框架，以及各种移动端开发工具。

我们所学习的uni-app便是前端框架！！！HbuilderX则是前端！！！

后端技术也在不断演变，从最初的静态网站到现在的云计算和微服务架构。随着用户量和数据规模的不断增加，后端技术需要更高效、稳定、可扩展的架构来应对。云计算、Docker等技术的出现，使得后端架构更加灵活和可扩展。此外，开源技术也在不断涌现，如MySQL、Redis等数据库，使得开发者可以更方便地构建后端架构。

PS：更详细基础的关于什么是web、什么是html、CSS、JavaScript等上述指数详见我的其它文章。

1.1.9 vue

Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，可以高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。 [

Vue是一个独立的社区驱动的项目，它是由尤雨溪在2014年作为其个人项目创建，是一个成熟的、经历了无数实战考验的框架，它是目前生产环境中使用最广泛的JavaScript框架之一，可以轻松处理大多数web应用的场景，并且几乎不需要手动优化，并且Vue完全有能力处理大规模的应用。

2.1 新建项目及项目目录和预览uni项目

PS：本文基本框架笔记内容均来自b站up主 咸虾米_  ，其余资料来自网络补充和学习。

如侵权，请联系删除！！！

1.1 Hbuilder软件与uni-app文档介绍

HbuilderX H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。我们也简称是轻如编辑器、强如IDE的合体版本。

Uni-app是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

Uni-app同时也是更好的小程序开发框架、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。

1.1.1 什么是编辑器？（选自知乎）

根据C语言的知识，我们平时所说的程序，是指双击后就可以直接运行的程序，这样的程序被称为可执行程序（Executable Program）。在 Windows 下，可执行程序的后缀有 .exe 和 （其中 .exe 比较常见）；在类 UNIX 系统（Linux、Mac OS 等）下，可执行程序没有特定的后缀，系统根据文件的头部信息来判断是否是可执行程序。

可执行程序的内部是一系列计算机指令和数据的集合，它们都是二进制形式的，CPU 可以直接识别，毫无障碍；但是对于程序员，它们非常晦涩，难以记忆和使用。

例如，在屏幕上输出“同年新月”，C语言的写法为：

puts("同年新月");

但是二进制的写法却是类似这样：

直接使用二进制指令编程对程序员来说简直是噩梦，尤其是当程序比较大的时候，不但编写麻烦，需要频繁查询指令手册，而且除错会异常苦恼，要直接面对一堆二进制数据，让人眼花缭乱。另外，用二进制指令编程步骤繁琐，要考虑各种边界情况和底层问题，开发效率十分低下。

这就倒逼程序员开发出了编程语言，提高自己的生产力，例如汇编、C语言、C++、Java、Python、Go语言等，都是在逐步提高开发效率。至此，编程终于不再是只有极客能做的事情了，不了解计算机的读者经过一定的训练也可以编写出有模有样的程序。

所以就有了编辑器的出现：

百度百科上这么写道：

编辑器是软件程序，一般是指用来修改电脑档案的编写软件，但也有人称 PE2、HE4（汉书）……等文书软件为编辑器。常见的编辑器有文本编辑器、 网页编辑器、源程序编辑器、图像编辑器，声音编辑器和视频编辑器等。

一个好的编辑器可以节省开发时间，提高工作效率，它们都能提供非常方便易用的开发环境。你可以用它们来编写代码，查看源文件和文档等，简化你的工作。

PS：常用编辑器举例子

• NodePad++ :Notepad++ 是一款免费但优秀的代码编辑器，运行在 Windows 环境下，可以支持多种编程语言。

• Vim : Vim 是从 vi 发展出来的一个文本编辑器，在程序员中被广泛使用，运行在Linux环境下。

• GNU Emacs : Emacs 是一个轻便、可扩展、免费的编辑器，它比其它的编辑器要更强大，是一个整合环境，或可称它为集成开发环境。它可以处理文字，图像，高亮语法，将代码更直观地展现给开发者。

1.1.2 什么是编译器？

C语言代码由固定的词汇按照固定的格式组织起来，简单直观，程序员容易识别和理解，但是对于CPU，C语言代码就是天书，根本不认识，CPU只认识几百个二进制形式的指令。这就需要一个工具，将C语言代码转换成CPU能够识别的二进制指令，也就是将代码加工成 .exe 程序；这个工具是一个特殊的软件，叫做编译器（Compiler）。

编译器能够识别代码中的词汇、句子以及各种特定的格式，并将他们转换成计算机能够识别的二进制形式，这个过程称为编译（Compile）。

PS：机器语言、汇编语言和高级语言区别

1. 机器语言

计算机执行的二进制命令，都是0和1表示的。

2. 汇编语言

具有一定意义的文字命令，与机器语言一一对应。汇编语言可以通过汇编得到机器语言，机器语言可以通过反汇编得到汇编语言。汇编过程还包括变量内存管理，即经过汇编之后所有的变量和函数都变成了地址，而常量也变成了对应的值。
但是汇编语言还是不够直观，一个简单的动作需要大量的语句来描述，因此又有了高级语言。

3. 高级语言

更简单，符合人们的习惯，也更容易理解和修改。高级语言经过编译器编译之后可以得到目标程序。
编译器的作用就是把高级语言的源代码转换成对应平台的目标代码。高级语言书写比较简单，但是翻译起来比较复杂，同样的高级语言语句可以有不同的机器语言实现方法。

而编译器所做的就是进行这三种语言的互相转换。大多数情况下，编译是从更高级的语言（高级语言、汇编语言）编译成低级语言（汇编语言、机器语言）。

另一种情况是，从他人的可执行程序（低级语言）编译成高级语言，以推导出他人的软件产品所使用的思路、原理、结构、算法、处理过程、运行方法等设计要素，某些特定情况下可能推导出源代码。这个过程叫做反向编译。

编译器：将你所编辑的源代码编译成机器所能理解的语言，比如VC++把你的.cpp文件编译成.obj文件（经过编译器编译这时的代码计算机已经可以识别），而最后的.exe则是通过连接生成的（这里的工作是由连接器完成的，跟编译器无关）。

1.1.3 什么是IDE？

IDE（集成开发环境）：

实际开发中，除了编译器是必须的工具，我们往往还需要很多其他辅助软件，例如：

• 编辑器：用来编写代码，并且给代码着色，以方便阅读；

• 代码提示器：输入部分代码，即可提示全部代码，加速代码的编写过程；

• s调试器：观察程序的每一个运行步骤，发现程序的逻辑错误；

• 项目管理工具：对程序涉及到的所有资源进行管理，包括源文件、图片、视频、第三方库等；

• 漂亮的界面：各种按钮、面板、菜单、窗口等控件整齐排布，操作更方便。

这些工具通常被打包在一起，统一发布和安装，例如 Visual Studio、Dev C++、Xcode、Visual C++ 6.0、C-Free、Code::Blocks 等，它们统称为集成开发环境（IDE，Integrated Development Environment）。

集成开发环境就是一系列开发工具的组合套装。这就好比台式机，一个台式机的核心部件是主机，有了主机就能独立工作了，但是我们在购买台式机时，往往还要附带上显示器、键盘、鼠标、U盘、摄像头等外围设备，因为只有主机太不方便了，必须有外设才能玩的爽。

集成开发环境也是这个道理，只有编译器不方便，所以还要增加其他的辅助工具。

1.1.4 补充概念

源文件（Source File）

在开发软件的过程中，我们需要将编写好的代码（Code）保存到一个文件中，这样代码才不会丢失，才能够被编译器找到，才能最终变成可执行文件。这种用来保存代码的文件就叫做源文件（Source File）。

每种编程语言的源文件都有特定的后缀，以方便被编译器识别，被程序员理解。源文件后缀大都根据编程语言本身的名字来命名：

C语言源文件的后缀是.c

C++语言（C Plus Plus）源文件的后缀是.cpp

工程/项目（Project）

一个真正的程序（也可以说软件）往往包含多项功能，每一项功能都需要几十行甚至几千行、几万行的代码来实现，如果我们将这些代码都放到一个源文件中，那将会让人崩溃，不但源文件打开速度极慢，代码的编写和维护也将变得非常困难。

在实际开发中，程序员都是将这些代码分门别类地放到多个源文件中。除了这些成千上万行的代码，一个程序往往还要包含图片、视频、音频、控件、库（也可以说框架）等其它资源，它们也都是一个一个地文件。

为了有效地管理这些种类繁杂、数目众多的文件，我们有理由把它们都放到一个目录（文件夹）下，并且这个目录下只存放与当前程序有关的资源。实际上 IDE 也是这么做的，它会为每一个程序都创建一个专门的目录，将用到的所有文件都集中到这个目录下，并对它们进行便捷的管理，比如重命名、删除文件、编辑文件等。

这个为当前程序配备的专用文件夹，在 IDE 中也有一个专门的称呼，叫做“Project”，翻译过来就是“工程”或者“项目”。

工程类型/项目类型

“程序”是一个比较宽泛的称呼，它可以细分为很多种类，例如：

• 有的程序不带界面，完全是“黑屏”的，只能输入一些字符或者命令，称为控制台程序（Console Application），例如 Windows 下的 cmd.exe，Linux 或 Mac OS 下的终端（Terminal）。

• 有的程序带界面，看起来很漂亮，能够使用鼠标点击，称为GUI程序（Graphical User Interface Program），例如 QQ、迅雷、Chrome 等。

• 有的程序不单独出现，而是作为其它程序的一个组成部分，普通用户很难接触到它们，例如静态库、动态库等。

不同的程序对应不同的工程类型（项目类型），使用 IDE 时必须选择正确的工程类型才能创建出我们想要的程序。换句话说，IDE 包含了多种工程类型，不同的工程类型会创建出不同的程序。

不同的工程类型本质上是对 IDE 中各个参数的不同设置；我们也可以创建一个空白的工程类型，然后自己去设置各种参数（不过一般不这样做）。

控制台程序对应的工程类型为“Win32控制台程序（Win32 Console Application）”，GUI程序对应的工程类型为“Win32程序（Win32 Application）”。

控制台程序是 DOS 时代的产物了，它没有复杂的功能，没有漂亮的界面，只能看到一些文字，虽然枯燥无趣，也不实用，但是它非常简单，不受界面的干扰，所以适合入门，我强烈建议初学者从控制台程序学起。等大家对编程掌握的比较熟练了，能编写上百行的代码了，再慢慢过渡到GUI程序。

1.1.5 uni-app

通过 HBuilderX 可视化界面

可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。

HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。

下载App开发版，可开箱即用；如下载标准版，在运行或发行uni-app时，会提示安装uni-app插件，插件下载完成后方可使用。

如使用“cli”方式创建项目，可直接下载标准版，因为uni-app编译插件被安装到项目下了。

1.1.6 HbuilderX 详细介绍

特点包含：

1. 轻巧 仅10余M的绿色发行包(不含插件)

2. 极速 不管是启动速度、大文档打开速度、编码提示，都极速响应 C++的架构性能远超Java或Electron架构

3. vue开发强化 对vue做了大量优化投入，开发体验远超其他开发工具 详见HX

4. 小程序支持 国外开发工具没有对中国的小程序开发优化，可新建 等项目，为国人提供更高效工具HXuni-app小程序

5. markdown利器 是唯一一个新建文件默认类型是markdown的编辑器，也是对md支持最强的编辑器 为md强化了众多功能，请务必点击【菜单-帮助-markdown语法示例】，快速掌握md及的强化技巧！HXHXHX

6. 清爽护眼 HX的界面比其他工具更清爽简洁，绿柔主题经过科学的脑疲劳测试，是最适合人眼长期观看的主题界面 详见

7. 强大的语法提示 是中国唯一一家拥有自主IDE语法分析引擎的公司，对前端语言提供准确的代码提示和转到定义（Alt+鼠标左键）HX

8. 高效极客工具 更强大的多光标、智能双击...让字处理的效率大幅提升 详见，

9. 更强的json支持 现代js开发中大量json结构的写法，提供了比其他工具更高效的操作 

扩展性：

支持java插件、nodejs插件，并兼容了很多vscode的插件及代码块。
还可以通过外部命令，方便的调用各种命令行功能，并设置快捷键。
如果你习惯了其他工具（如vscode或sublime）的快捷键，在菜单工具-快捷键方案中可以切换。

1.1.7 下载上述工具

HbuilderX的下载，进入官网

选择HbuilderX

下载并解压到电脑本地

之后就可以开始正式的学习了。

PS：长时间未打开不要忘了检查更新，步骤如下。

1.1.8 什么是web服务技术前后端？

在系统学习之前不得不了解一下关于开发移动端小程序的一些基础知识，在网上学习的过程中经常能听到“前后端”这个词，所以他到底是什么意思呢？技术前后端是指Web应用程序的两个组成部分，其中前端指浏览器中呈现给用户的界面，后端指应用程序的服务器端。前端技术主要包括HTML、CSS和JavaScript，用于构建用户体验；而后端则负责存储数据、处理逻辑和向前端提供数据接口。两者需要密切配合，才能构成一个完整的Web应用程序。

随着Web应用程序的不断发展，前端技术也在不断进化。最初的Web页面主要由静态HTML和CSS构成，无法进行交互和动态更新。后来，JavaScript被广泛应用于前端技术中，使得Web页面可以响应用户操作。现在，前端技术更趋向于构建富交互体验，如React和Angular等前端框架，以及各种移动端开发工具。

我们所学习的uni-app便是前端框架！！！HbuilderX则是前端！！！

后端技术也在不断演变，从最初的静态网站到现在的云计算和微服务架构。随着用户量和数据规模的不断增加，后端技术需要更高效、稳定、可扩展的架构来应对。云计算、Docker等技术的出现，使得后端架构更加灵活和可扩展。此外，开源技术也在不断涌现，如MySQL、Redis等数据库，使得开发者可以更方便地构建后端架构。

PS：更详细基础的关于什么是web、什么是html、CSS、JavaScript等上述指数详见我的其它文章。

1.1.9 vue

Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，可以高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。 [

Vue是一个独立的社区驱动的项目，它是由尤雨溪在2014年作为其个人项目创建，是一个成熟的、经历了无数实战考验的框架，它是目前生产环境中使用最广泛的JavaScript框架之一，可以轻松处理大多数web应用的场景，并且几乎不需要手动优化，并且Vue完全有能力处理大规模的应用。

2.1 新建项目及项目目录和预览uni项目