新手学习 HTML(一):开始上手前先了解适合的 IDE

本贴最后更新于 1913 天前,其中的信息可能已经斗转星移

Hello

我本人并不是做前端开发的程序员,做的工作跟编程几乎没有任何联系 .就是看到很多网站做得那么漂亮,出于好奇边想了解一下网站是怎么做出来的,于是便开始了解网站设计的前端知识。我目前依旧是一边自己了解前端知识一边分享一下我学习中的心得与问题。

工具——软件(HTML 语言编辑器)

为了练习 HTML 我下载了很多个软件试用,也就是网上说的各类编辑软件——IDE(集成开发环境,Integrated Development Environment )。我用过 Notepad++、Sublime 3、Webstorm、记事本、Dreamweaver 等,目前我电脑里除了自带的记事本外一直保留 Notepad++ 和 Webstorm,Notepad++ 喜欢它的鼠标右键进行文件编辑但我不怎么用这个软件;主要用的就是 Webstorm 来对 HTML 进行编辑;sublime 3 其实也不错,看个人喜好了。

用 Webstorm 主要看中的是它属于 JetBrains 旗下的产品,JetBrains 的软件就好比 Adobe 出品的一样——都是精品,你在某宝上花点钱就能买到一年期的密匙,我不建议网上找破解版,都不太靠谱。另外,我觉得 Webstorm 有个地方不错,那就是当你编写完后会在右边自动出现几个浏览器,你选择你安装好的浏览器(我的是 chrome)它就直接呈现你编辑的效果了。
Webstorm

此外,Webstorm 还有 HTML 的速写插件——EmmetEmmet 的前身是大名鼎鼎的 Zen coding,如果你从事 Web 前端开发的话,对该插件一定不会陌生。它使用仿 CSS 选择器的语法来生成代码,大大提高了 HTML/CSS 代码编写的速度,而且作为一款插件能够大部分的代码编辑器,文章后面列出了支持的代码编辑器类型。
emmet in webstorm
我举一个简单的例子,正常情况下当你用 Webstorm 开始编写 HTML 的时候你得一个个的敲字母和符号,emmet 则通过敲击一个或几个字母按下 Tab 键后直接出现你需要的大量的代码,例如:我们写 HTML 开头部分会是这样:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML练习</title> </head> <body> </html>

你得一个个的敲击字母和符号,而利用 emmet 则快速生成,请看下图,我直接在编辑器上打了一个符号“!”后按一下 Tab 键就自动生成了 HTML 的头部语言了,或者键入“html:5”按 Tab 也可以实现:
emmet
了解更多的 emmet 快捷键的使用可以网上搜,一大堆。不过前期初学者,就像我似的,不建议使用它,多打打代码记得牢固些,万一有一天遇到某个 IDE 不带 emmet 插件你还可以自己来完成!

  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    107 引用 • 295 回帖 • 1 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...

推荐标签 标签

  • 架构

    我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    143 引用 • 442 回帖 • 1 关注
  • 导航

    各种网址链接、内容导航。

    42 引用 • 175 回帖
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    28 引用 • 225 回帖 • 147 关注
  • Word
    13 引用 • 40 回帖
  • LaTeX

    LaTeX(音译“拉泰赫”)是一种基于 ΤΕΧ 的排版系统,由美国计算机学家莱斯利·兰伯特(Leslie Lamport)在 20 世纪 80 年代初期开发,利用这种格式,即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能,能在几天,甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式,这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。

    12 引用 • 54 回帖 • 35 关注
  • 黑曜石

    黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。

    A second brain, for you, forever.

    16 引用 • 131 回帖
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 601 关注
  • Sandbox

    如果帖子标签含有 Sandbox ,则该帖子会被视为“测试帖”,主要用于测试社区功能,排查 bug 等,该标签下内容不定期进行清理。

    414 引用 • 1246 回帖 • 593 关注
  • 运维

    互联网运维工作,以服务为中心,以稳定、安全、高效为三个基本点,确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    150 引用 • 257 回帖
  • 自由行
    6 关注
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    127 引用 • 169 回帖 • 1 关注
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用,支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    20 引用 • 7 回帖 • 1 关注
  • 一些有用的避坑指南。

    69 引用 • 93 回帖 • 1 关注
  • 服务器

    服务器,也称伺服器,是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。

    127 引用 • 589 回帖
  • 知乎

    知乎是网络问答社区,连接各行各业的用户。用户分享着彼此的知识、经验和见解,为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖
  • MySQL

    MySQL 是一个关系型数据库管理系统,由瑞典 MySQL AB 公司开发,目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。

    692 引用 • 535 回帖 • 1 关注
  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    178 引用 • 816 回帖
  • gRpc
    11 引用 • 9 回帖 • 76 关注
  • 笔记

    好记性不如烂笔头。

    308 引用 • 794 回帖
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现,服务器端用 Erlang 语言编写,支持多种语言客户端,如:Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息,在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 363 关注
  • 强迫症

    强迫症(OCD)属于焦虑障碍的一种类型,是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病,其特点为有意识的强迫和反强迫并存,一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖 • 1 关注
  • 链滴

    链滴是一个记录生活的地方。

    记录生活,连接点滴

    159 引用 • 3809 回帖
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年,是中国的 IT 社区和服务平台,为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务,满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖 • 1 关注
  • CAP

    CAP 指的是在一个分布式系统中, Consistency(一致性)、 Availability(可用性)、Partition tolerance(分区容错性),三者不可兼得。

    11 引用 • 5 回帖 • 620 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    21 引用 • 31 回帖
  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    170 引用 • 513 回帖
  • Unity

    Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。

    25 引用 • 7 回帖 • 151 关注