一起学习前端开发(002)——编辑器

我们在上一篇文章的最后写了一个小Demo,不知道小伙伴们有没有尝试着写一遍。对于接触过web开发的人来说,这个Demo可能最简单不过,但是没接触过的人在这里可能就面临学习中的第一个问题:这个html文件到底是怎么创建的,到底怎么选择开发环境?

HTML用编辑器就能编写,因此HTML的开发环境就可以理解为HTML编辑器。现在,市面上付费的和免费的都有很多,例如adobe dreamweaver、notepad++、记事本(win)以及TextEdit (Mac)等。在这可以安利一款国内做的比较好的编辑器Hbuilder,它是基于Eclipse主体是由Java编写的一款针对web开发的IDE(小编对灯发誓没有收广告费)。

很多人都推荐新手直接实用记事本直接编写文档,这样有助于记忆,但是在这个颜值至上的时代,记事本显得有点过于平淡。我们今天在这给小伙伴介绍一款编辑器,不仅美观还很高效,那就是被很多开发者奉为“神器”的Sublime Text,先看图:

怎么样,是不是比记事本好看太多了呢?之所以被奉为“神器”,Sublime Text不仅具有漂亮的用户界面,而且具有强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

有了编辑器,下面我们来学习怎么用Sublime Text来创建HTML文档(Windows系统为例):

步骤一:打开Sublime Text

打开“开始”菜单或者直接双击桌面的Sublime Text快捷方式打开编辑器;

步骤二:新建文件

点击菜单“文件”>>"新建文件",新建一个空白文档;

步骤三:保存文件

点击菜单“文件”>>"保存"或直接快捷键ctrl+s,弹窗提示选择保存路径并输入文件名Hello World.html后点击保存按钮,此时一个文本文档就创建完成;

步骤四:键入 HTML 代码

在文本区域输入代码并保存;

步骤五:打开HTML文档

在浏览器中查看网页;

在浏览器中打开HTML有几种方式:

在Sublime Text文本编辑区域直接右键选择“在浏览器中打开”;

在windows下直接双击HTML文档文件用默认浏览器打开;

打开浏览器后,单击菜单“文件”>>“打开”或使用快捷键ctrl+O打开HTML文档文件。

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20171228G0WCGV00?refer=cp_1026

相关快讯

扫码关注云+社区