html开发原生应用web前端HTML教程开辟情况搭建下载和安装编纂器

基于html项目的开拓和代码编写现在网上有很多编辑器，也有免费的，也有收费的编辑器。
基于在Windows系统环境下开拓和编写html代码最大略的编辑器便是Windows自带的记事本，我们可以利用记事本编辑html代码。

利用记事本编写html的步骤是首先新建一个文本文档，按照html的语法规则编写干系的代码和保存文件，然后把文件的后缀名改为.html，利用电脑上的浏览器打开就可以查看我们代码的运行结果。

虽然记事本也能编写html代码，但是效率不高也未便利，以是我们利用专业的编辑器来开拓项目，编写代码和管理项目。

html开发原生应用web前端HTML教程开辟情况搭建下载和安装编纂器 JavaScript

常用html代码编写的免费软件有HBuilderX，vs code，Sublime Text 等等。

HBuilderX官网下载地址：

https://www.dcloud.io/hbuilderx.html

vs code的官网下载地址：

https://code.visualstudio.com/

Sublime Text官网下载地址：

http://www.sublimetext.com/

我们往后的教程都利用HBuilderX，以是下面为了同学们的学习方便，对HBuilderX的下载和安装做详细的教程。

一，下载

首先访问HBuilderX的官网网址：

https://www.dcloud.io/hbuilderx.html

打开上面的HBuilderX下载网址后点击页面上download，在弹出的对话框里选择适宜自己电脑的HBuilderX版本下载。

在Windows10环境下下载后的文件是一个压缩的.zip文件。

二，安装

鼠标右击下载下来的压缩文件进行解压。

解压完成后是一个名为HBuilderX的文件夹。

解压完成后鼠标双击HBuilderX文件夹：

双击运行名为HBuilderX.exe的运用程序文件即可启动HBuilderX编辑器：

由于HBuilderX是一个绿色软件以是没有桌面快捷办法和开始菜单快速启动程序，我们可以右击HBuilderX.exe文件创建桌面快捷办法。

小百科：

绿色软件指一类小型软件，多数为免费软件，最大特点是软件无需安装便可利用，可存放于闪存中，移除后也不会将任何记录留在本机打算机上。
普通点讲绿色软件便是指不用安装，下载直接可以利用的软件。
绿色软件不会在注册表中留下注册表键值，以是相对一样平常的软件来说，绿色软件对系统的影响险些没有，所以是很好的一种软件类型。

三，新建项目

HBuilderX编辑器初次启动时的默认界面是下图所示：

按照下图所示可以创建一个新的名为demo1空缺项目：

名为demo1的空缺项目创建成功后的界面如下图所示：

接下来在刚我们新建的demo1项眼前创建名为helloworld的html文件

鼠标右击创建的demo1项目选择新建在选择.html文件：

在弹出的对话框里填入html文件的名称：

编写一段代码：

运行：

在浏览器上不雅观察效果：

好了，到这里html的开拓环境搭建和HBuilderX的安装教程结束了。

下面再给大家教一下若何修正HBuilderX的主题风格，HBuilderX自身供应了修正软件主题的功能，利用者可以自身需求和喜好修正HBuilderX的风格。
在喜好自己喜好的环境下做开拓也是令人倾慕的一件事。