用于编写HTML代码的常见工具

您所在的位置:网站首页 编写html代码的软件 用于编写HTML代码的常见工具

用于编写HTML代码的常见工具

2023-11-19 02:43| 来源: 网络整理| 查看: 265

1、记事本(不推荐)

      特点:记事本编写页面代码不适合初学者使用,因为无代码提示、无代码高亮显示、用户界面不友好;

      使用步骤:

首先任选一个位置新建一个记事本

 打开记事本,写上代码并保存

将文件后缀改成html即可

 

2、Sublime 、VSCode (更常用)

      Sublime特点:Sublime 是一个代码编辑器,也是HTML和散文先进的文本编辑器。它运行速度快、代码提示、高亮显示、插件拓展、html 插件emmet、sublime text3 安装emmet插件;

      VSCode特点:相对于Sublime,VSCode有丰富的插件支持、可结合git进行代码管理;

1)Sublime的使用(入门):

   双击进入,选择File下的New File,新建文件

 在编辑区域输入文件名并添加 .html后缀,Ctrl + s保存即可(也可以直接Ctrl + s保存再输入文件名并添加 .html后缀)

2)VSCode的简单使用(入门):

   在电脑上新建一个文件夹并给文件命名

在VSCode中选择文件栏下的打开文件夹,选择之前创建的文件夹

 

 展开刚刚打开的文件夹,点击如图所示的图标可新建一个文件(要给新建的文件命名,注意后缀为.html)如图中的Hello.html

 建好文件后即可编写代码

 编写完成后可右键单击代码编写区,选择如图所示的open in Default Browser(默认的浏览器) 或 open in Other Browser (其他非默认的浏览器)即可看到页面效果

在 VSCode中如何安装插件?

如下所示

 

VSCode插件推荐

HTML CSS Support - Html提示Css自动补全

HTML Preview - 提供预览HTML文档的功能

HTML Snippets - 完整的HTML标签,包括HTML5片段

Live Server - 启动一个开发本地服务器,为静态和动态页面提供实时重载功能

open in browser - 可以在默认浏览器或应用程序中打开当前文件

 插件合集:https://www.cnblogs.com/zhengqiang666/p/10725930.html



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3