1 给我一个用hbuilderx的理由

首先看一个截图：

现在技术更新太快了，大家伙儿也都用windows10甚至了11了，而我们还在使用熟悉的windows7，这对于编程桌面端没问题的，但是网络编程真实够费劲的了，或者用python也费劲，我说的是anaconda3，经常下载点啥的，根本就不支持。

然后又说到vscode，他到底有啥好呢，无非就是多了下载库插件，还有终端。

关键是不太支持windows7，就算支持，好多插件，库也是不支持的，以node为首的就不支持，现在不用node，或者说不用npm基本干不了活儿了。

所以说，开发前端还是得与时俱进，学习使用windows10，尽管这货一点也不好使。

常用的电脑也别装vscode里，自寻烦恼。从学习角度将，用hbuilderx就足够了。

中文开发，中文文档，还是很友好的。

2 网页和桌面端的逻辑

我在电脑里写1个html，用浏览器打开，也是可以看的。

但我在vscode里写个工程，是需要先放在服务器软件里，再网络里打开的。

也就是说，就算是放在本地，逻辑上也是把你当成一个网络位置来访问的。

那么浏览器就很重要，因为除了html，你还得识别css和js

总得支持才行，才能用。

就好比php，如果不用php解析，那么浏览器是不能识别这个的。php放在服务器，服务器再通过网络地址让浏览器访问，才能实现这个逻辑。

所谓的前端后端的，核心区别是啥，是网络编程要搞明白的。这些可能桌面开发的人不是很懂。

这也就是不装vscode，也得装个hbuilderx的道理。要开发，就得搭建服务器。然后再本地用浏览器访问。如果不装hbuilder，就得自己装服务器，比如wamp。或者tomcat。这都是服务器。然后再编写前端，后端。

至于hbuilderx能否写后端，我们先不管，总之前端的网页开发肯定是行的。

3 安装

我们找最新的版本安装。注意，这货虽然是绿色的，但还是会修改电脑的其他地方。删除时候还是的注意。

然后放到某个位置，我放到了D盘。然后双击打开。就可以了。

4 基础使用

可以用这个创建基本的html项目。

就可以创建1个工程了。

重点来了，这些按道理应该是在服务器上的，那么我们用本地的浏览器打开。才能看到效果。可以点击预览。就会提示

就需要下载默认的内置浏览器。下载完成后，点击预览，弹出

这说明这个要调用node了。位置也给出来了，在插件文件夹里。

也就是说，node会提供服务器的功能，然后就可以看页面了。

这个功能看起来简单，实际上是实现了服务器-浏览器的模式。

5 一些使用技巧

这个软件标榜的就是好用，那么一些操作技巧是少不了的，其他的比如vscode也有类似的设置。

在网上随便下个图片，可以在文件列表复制粘贴。然后alt+/是激活代码助手，可以完成自动填充和自动选择。

6 JS基础

JS的目的主要是网页交互。JS就算是一种计算机语言，而且是一种脚本语言。

内嵌 

外部

数据类型：数值型、字符串型、布尔型、null类型、undifined类型

变量的定义：var

运算符：

函数

事件