sublime text3创建html文件(sublimetext怎么创建HTML文件)

上一章学习了前端开发的基本常识,这章我学习的是前端开发工具。莫振杰的书中用的是HBuilder,我用的是Sublime Text3。稍有不同而已,不用介意。

第二章 开发工具

1、前端开发工具

前端开发工具很多,Dreamweaver、Sublime Text、Atom、HBuilder、Vscode和Webstorm等都很常用,其中HBuilder上手最简单,Sublime Text、Vscode和Webstorm更适合实战要求。作者在书中用了HBuilder,我用的是Sublime Text 3。

sublime text3创建html文件(sublimetext怎么创建HTML文件)

2、用Sublime Text新建一个HTML文档

打开Sublime后,点击file栏,再点击new file即可。

sublime text3创建html文件(sublimetext怎么创建HTML文件)

这时候会出来一个未命名文件,你输入“<ht”后面就有提示了。

sublime text3创建html文件(sublimetext怎么创建HTML文件)

然后点击回车,就会出来一个完整的html文件结构。

sublime text3创建html文件(sublimetext怎么创建HTML文件)

 

写好我们需要的文件内容后,点击file→save或者save as保存就OK了。

sublime text3创建html文件(sublimetext怎么创建HTML文件)

3、用Sublime text打开保存好的文件

点击file,再点击Open file,找到你要的文件,打开即可。

sublime text3创建html文件(sublimetext怎么创建HTML文件)

4、用浏览器打开刚才保存的html文件

打开你保存的文件夹,双击目标文件就会在浏览器上输出了。这是在浏览器上输出的效果:

sublime text3创建html文件(sublimetext怎么创建HTML文件)

5、作者提示:各种文件的命名不要用中文,可能会无法识别。不过我刚才用中文命名的html文件,并没有问题。既然有这个提示,估计出过问题。

6、没有找“预览”功能,网上说需要安装插件 view-in-browser。暂时就放一下吧,反正也能自己用浏览器手动打开。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发表评论

登录后才能评论