常用的html编辑器的软件下载(开发环境搭建下载和安装编辑器)
有一个好的编辑器我们可以方便地的开发项目,编写代码,配置和管理我们的项目。所以我们开始编写html代码之前需要搭建开发环境。
基于html项目的开发和代码编写现在网上有很多编辑器,也有免费的,也有收费的编辑器。基于在Windows系统环境下开发和编写html代码最简单的编辑器就是Windows自带的记事本,我们可以使用记事本编辑html代码。
使用记事本编写html的步骤是首先新建一个文本文档,按照html的语法规则编写相关的代码和保存文件,然后把文件的后缀名改为.html,使用电脑上的浏览器打开就可以查看我们代码的运行结果。
虽然记事本也能编写html代码,但是效率不高也不方便,所以我们使用专业的编辑器来开发项目,编写代码和管理项目。
常用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的风格。在喜欢自己喜欢的环境下做开发也是令人羡慕的一件事。
按照以下步骤可以修改HBuilderX的主题,默认主题是绿柔,我们可以改成雅黑,雅蓝或者自定义主题:
雅黑主题:
雅蓝主题:
好了本节全部内容全部结束了,希望我准备的内容对你有所帮助
相关内容
-
金蝶迷你版如何增加核算项|金蝶如何加上会计科
金蝶迷你版如何增加核算项|金蝶如何加上会计科目的项目辅助...
-
金蝶旗舰版如何添加会计科目|金蝶如何加上会计
金蝶旗舰版如何添加会计科目|金蝶如何加上会计科目的项目辅...
-
小编辑器教你减少计算机网络流量的最简单方法
小编辑器教你减少计算机网络流量的最简单方法,,核心提示:教你如...
-
远古VOD系统通过压力测试标准的网络视频点播项
远古VOD系统通过压力测试标准的网络视频点播项目,,近日,河北沧...
-
金蝶工程项目上级组什么意思|金蝶K3设置部门一
金蝶工程项目上级组什么意思|金蝶K3设置部门一定要设置上级...
-
vue项目一些常见问题
vue项目一些常见问题,组件,样式,**样式污染问题**同样的样式不...
-
金蝶eas老出现现金流指向|金蝶财务软件现金凭证
金蝶eas老出现现金流指向|金蝶财务软件现金凭证录完后保存时...
-
魔兽地图编辑器怎么判断单位是电脑用户|魔兽地
魔兽地图编辑器怎么判断单位是电脑用户|魔兽地图编辑器删除...
-
01-Vue项目实战-网易云音乐-准备工作
01-Vue项目实战-网易云音乐-准备工作,网易,项目,前言在接下来...
-
vim保存退出快捷键|vim编辑器保存退出快捷键
vim保存退出快捷键|vim编辑器保存退出快捷键,,1. vim编辑器保...
-
电脑命令编辑器|电脑命令编辑器在哪里
电脑命令编辑器|电脑命令编辑器在哪里,,1. 电脑命令编辑器在哪...
-
如何让其他电脑访问本机项目|如何通过运行访问
如何让其他电脑访问本机项目|如何通过运行访问其他主机,,1. 如...
-
金蝶项目核算房号|如何在金蝶软件查看房地产去
金蝶项目核算房号|如何在金蝶软件查看房地产去年全年实际收,,1...
-
电脑pdf编辑|电脑pdf编辑器
电脑pdf编辑|电脑pdf编辑器,,电脑pdf编辑器福昕PDF编辑器萊垍...
-
电脑挂机网赚项目大全|电脑游戏挂机赚钱项目
电脑挂机网赚项目大全|电脑游戏挂机赚钱项目,,1. 电脑游戏挂机...