你好,欢迎进入江苏优软数字科技有限公司官网!

诚信、勤奋、创新、卓越

友好定价、专业客服支持、正版软件一站式服务提供

13262879759

工作日:9:00-22:00

web前端HTML教程——开发环境搭建下载和安装编辑器

发布时间:2024-12-29

浏览次数:0

html开发环境搭建

有了一个好的编辑器,我们可以轻松地开发项目、编写代码、配置和管理我们的项目。所以我们在开始编写html代码之前需要搭建好开发环境。

互联网上有很多用于 HTML 项目的开发和代码编写的编辑器,有免费的也有付费的。在系统环境中开发和编写 HTML 代码最简单的编辑器是内置的记事本。我们可以使用记事本来编辑HTML代码。

使用记事本编写html的步骤是,首先新建一个文本文档,按照html的语法规则编写相关代码并保存文件,然后将文件后缀更改为.html,用浏览器打开在您的计算机上查看我们的代码。经营业绩。

虽然记事本也可以编写HTML代码,但是不够高效和方便,所以我们使用专业的编辑器来开发项目、编写代码和管理项目。

常用的用HTML代码编写的免费软件有VS Code、Text等。

官网下载地址:

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

VS Code官网下载地址:

https://code.visualstudio.com/

文字官网下载地址:

http://www.sublimetext.com/

我们会在以后的教程中用到它,所以为了方便同学们,这里有详细的下载和安装教程。

1. 下载

最先访问的官网地址:

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

打开上面的下载网址并点击页面。在弹出的对话框中选择适合您电脑的版本进行下载。

编写童话_编写的拼音_sublime text怎么编写c

环境中下载的文件是压缩的 .zip 文件。

编写的拼音_编写童话_sublime text怎么编写c

2. 安装

右键单击下载的压缩文件,将其解压。

编写的拼音_编写童话_sublime text怎么编写c

解压完成后,有一个文件夹名为.

sublime text怎么编写c_编写的拼音_编写童话

解压完成后,双击该文件夹:

编写童话_编写的拼音_sublime text怎么编写c

双击名为 .exe 的应用程序文件启动编辑器:

编写的拼音_编写童话_sublime text怎么编写c

由于它是绿色软件,没有桌面快捷方式和开始菜单快速启动程序。我们可以右键单击.exe文件来创建桌面快捷方式。

编写的拼音_编写童话_sublime text怎么编写c

小百科:

绿色软件是指一类小软件,大部分是免费软件。该软件最大的特点是无需安装即可使用,可以存储在闪存中,删除后不会在本地计算机上留下任何记录。通俗地说,绿色软件是指下载后无需安装即可直接使用的软件。绿色软件不会在注册表中留下注册表项,因此与普通软件相比,绿色软件对系统几乎没有影响,是一类不错的软件。

3、新项目

编辑器首次启动时的默认界面如下所示:

sublime text怎么编写c_编写童话_编写的拼音

新建一个空白项目,命名为demo1sublime text怎么编写c,如下所示:

编写童话_sublime text怎么编写c_编写的拼音

编写的拼音_sublime text怎么编写c_编写童话

名为demo1的空白工程创建成功后的界面如下图:

编写童话_编写的拼音_sublime text怎么编写c

接下来,在我们刚刚创建的demo1项目下创建一个名为demo1的html文件。

右键单击创建的demo1项目,选择新建sublime text怎么编写c,选择.html文件:

编写的拼音_sublime text怎么编写c_编写童话

在弹出的对话框中填写html文件的名称:

编写的拼音_sublime text怎么编写c_编写童话

sublime text怎么编写c_编写童话_编写的拼音

写一段代码:

编写童话_sublime text怎么编写c_编写的拼音

跑步:

sublime text怎么编写c_编写童话_编写的拼音

观察浏览器上的效果:

编写童话_编写的拼音_sublime text怎么编写c

好了,HTML开发环境搭建和安装教程就到此结束了。

接下来我就教大家如何修改主题风格。提供修改软件主题的功能。用户可以根据自己的需要和喜好修改样式。在自己喜欢的环境中做开发也是令人羡慕的。

可以按照以下步骤修改主题。默认主题是绿软。我们可以将其更改为雅黑、雅兰或自定义主题:

编写童话_sublime text怎么编写c_编写的拼音

雅黑主题:

编写的拼音_sublime text怎么编写c_编写童话

雅兰主题:

编写童话_sublime text怎么编写c_编写的拼音

好了,本节就全部结束了。希望我准备的内容能够对您有所帮助。

您的支持是我最大的动力。如果您觉得我的教程不错或者对您有帮助,请点赞并关注我!谢谢!

如有侵权请联系删除!

13262879759

微信二维码