第五节:Hello World!

终于可以开发编写HelloWorld!了。 我们使用的系统,默认是隐藏了文件的扩展名的。比如一个word文档 – hebut, 它的全称应该是hebut.docxhebut.doc。对普通的用户而言,显示扩展名无增加它使用系统的成本,因为大多数的非计算机专业的普通人,是搞不清同时也不愿意搞清什么.docx的。但对于我们,查看并显示文件的扩展名,是一项不得不做的工作。

如果你手上适好有已经中了减毒的U盘,你可以在启动扩展名的同时显示隐藏及系统文件。此时,你们发现,在你心目中那个文件夹,已经变成了文件夹.exe。没错,正如我说过的,眼见并不见得为实。

那么如何启用扩展名呢? 如果你的操作系统是win7, 你可以这样: /WebCourse2017/assets/image/chapter1/5.1.png

启用显示扩展名后,我们发现自己电脑中的文件基本上都有了个 .xxx的后缀。是的,我们需要的,就是要把它们显示出来。

Hello World!

我们打开d盘中的web文件夹,新建一个文本文档,并将其重命名为index.html

注意:是index.html,而不是index.html.txt

然后使用sublime打开它, 你可以选择如下方式的任意一种来完成这个操作。

  1. 用鼠标点击index.html后,将其托动到sublime图标上。
  2. sublime中,选择file -> opnen file,然后找到d盘中web这个文件夹。
  3. index.html上点击右键,然后选择打开方式,在打开方式中选择sublime

使用sublime打开后index.html, 我们共同来输入以下代码:

<h1>Hello World!</h1>

ctrl + s 保存文件!

然后在d盘中的web文件夹中右键打开git bash here,输入http-server,在浏览器中打开127.0.0.1:8080来查看吧。 /WebCourse2017/assets/image/chapter1/5.2.png

如果你前面没有关闭http-server,你将得到一个端口被占用的提示。解决的方法也很简单,将前面没有关闭的http-server关闭一下就可以了。