Html学习之Sublime Text工具设置使用!

有点闲时间学习学习一下HTMl知识从工具开始!

Sublime Text工具的使用

sublime text3

下载地址:http://www.sublimetext.com/

 

sublime text是一个轻量级的编辑器,也是支持各种编程语言,sublime text所有的强大功能都是支持插件的,而且快捷键十分的好用,可以极大的减少开发的劳动程度,使用sublime就是要使用其快捷键和插件。sublime text3的优点的轻量级但是功能强大,优雅小巧启动速度快,有着丰富的第三方支持

 

默认安装选择D盘或者其他盘就可以。

 

安装完成直接打开就好了!

 

需设置html快速生成

1.打开Sublime Text3,按下ctrl+shift+p,输入Package Control:Install Package

2.等待自行下载成功后,会弹出一个对话框,输入emmet进行下载

  1. 下载成功后,输入!或者html:5,html:xt按下直接Tab就可以。

 

 

 

如何设置浏览器快捷键

 

打开Sublime工具使用快捷键Ctrl+shift+p的快捷键输入Package Control:Install Package回车等一会安装完插件弹出提示框输入SideBarEnhancements回车安装好之后。

 

 

打开之后输入如下代码:

//chorme
    {
    "keys": ["f2"],
    "command": "side_bar_files_open_with",
        "args": {
        "paths": [],
        "application": "C:\\Users\\Administrator\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
        "extensions": ".*"
        }
}

浏览器的在你电脑的实际位置。

 

 "keys": ["f2"],

这个里面的f2就是设置自己需要的快捷键的。设置完之后保存就可以。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Sublime Text可以通过安装插件来运行HTML文件。 1. 打开Sublime Text,点击菜单栏中的“Preferences”(偏好设置),选择“Package Control”(插件控制器)。 2. 在弹出的窗口中选择“Install Package”(安装插件),然后搜索“HTML-CSS-JS Prettify”插件并安装。 3. 安装完成后,打开HTML文件,点击菜单栏中的“Tools”(工具),选择“HTML/CSS/JS Prettify”(美化HTML/CSS/JS),即可在浏览器中预览HTML文件。 另外,也可以使用Sublime Text自带的“Build System”(构建系统)来运行HTML文件。具体操作如下: 1. 打开HTML文件,点击菜单栏中的“Tools”(工具),选择“Build System”(构建系统),然后选择“HTML”(HTML构建系统)。 2. 点击菜单栏中的“Tools”(工具),选择“Build”(构建),即可在浏览器中预览HTML文件。 ### 回答2: Sublime text作为一款广泛使用的文本编辑器,在前端开发中也得到了大量的应用。在开发html文件时,Sublime text提供了非常方便的功能来运行html文件。以下是详细步骤: 1. 准备html文件 在Sublime text中创建一个html文件,编写好html的代码和结构。 2. 安装插件 在Sublime text中安装“View in Browser”插件,该插件是用来在浏览器中预览html文件的。 3. 设置快捷键 在Sublime text中通过设置快捷键来调用“View in Browser”插件。具体操作如下: 点击菜单栏中的“Preferences” -> “Key Bindings” -> “User”,会打开一个JSON文件,在这个文件中添加以下代码: { "keys": ["alt+q"], "command": "run_browser", "args": { "using": ["chrome", "firefox"], "single_instance": false } } 该代码为设置快捷键为“alt+q”,并设置使用chrome和firefox浏览器来预览html文件。 4. 运行html文件 在Sublime text中打开你的html文件,按下设置的快捷键“alt+q”,浏览器界面就会显示你编写的html文件了。如果需要在其他浏览器中预览,可以在“using”后添加要预览的浏览器名称。 通过以上步骤,就可以使用Sublime text预览html文件了。这种方式能提高开发效率,帮助开发者更快地查看和修改html文件。 ### 回答3: Sublime Text 是一个常用的文本编辑器,适用于编写各种程序代码,包括 HTML。以下是如何在 Sublime Text 中运行 HTML 的步骤: 1. 创建新文件 打开 Sublime Text,点击左上角的“文件”,选择“新建窗口”或“新建文件”,进入空白编辑页面。 2. 编写 HTML 代码 在编辑器中编写 HTML 代码,代码可以直接输入或者从外部复制粘贴。确保所有的 HTML 标签、属性和值都正确书写。 3. 保存文件 在编辑器中保存 HTML 文件,可以选择“文件”菜单下的“保存”选项或使用快捷键“Ctrl + S”/“Cmd + S”(Mac)。保存时需要指定一个文件名和保存路径。 4. 运行 HTML 在浏览器中运行 HTML 文件。双击保存后的 HTML 文件名,或者在浏览器中使用“文件”菜单下的“打开文件”选项打开 HTML 文件。 另外,在 Sublime Text 中也可以借助插件来快速运行 HTML 文件。有一些插件包括“HTML/CSS/JS Prettify”、“LiveReload”等,这些插件可以为 HTML 文件提供更加便利的浏览与运行。步骤如下: 1. 安装插件 打开 Sublime Text,点击左上角的“插件”菜单,选择“插件管理器”,进入安装插件界面。在搜索栏中搜索需要的插件,如“HTML/CSS/JS Prettify”,单击安装插件即可。 2. 使用插件 在编辑器中编写 HTML 代码,完成后点击插件菜单下的“预览”或“运行”选项,即可便利地进行预览或运行 HTML 文件。有些插件还提供了实时预览功能,就是只要你在编辑器中对 HTML 代码进行修改,浏览器就会即时显示出修改的效果。 综上所述,Sublime Text 运行 HTML 的方法在于,先创建新文件,编写 HTML 代码,保存文件,最后在浏览器中打开 HTML 文件进行运行。如果使用插件,则可以更加便利地进行库览或运行文件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值