Sublime创建html项目并在浏览器运行

最新推荐文章于 2024-04-30 23:20:03 发布
最新推荐文章于 2024-04-30 23:20:03 发布
阅读量1.3w 收藏 25
点赞数 8
分类专栏： 开发工具及软件 文章标签： 开发工具及软件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xuexue2017/article/details/83217660
版权

Attention：首先要在sublime安装 Emmet插件 

1、File  —>  New File (快捷键Ctrl+N)    新建一个文件 

2、 Ctrl + S  保存文件

3、点击右下角plain text的标志，点击，选择文件类型为HTML  

4、输入感叹号！（注意区别中英文） 

5、按Tab键，代码就自动补全了

 

6、记得 Ctrl + S 保存 ，单击右键，选择 Open in Browser

虎虎生威威
关注
  • 8
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Sublime如何快速的创建一个Html页？
ChinaGir的博客
03-04 2230
Sublime如何快速的创建一个Html页？ Step1: 打开Sublime，Ctrl + N键快速创建一个文件； Step2: 点击文件右下角的Text纯文本，修改为HTML Step3: 确保当前是英文输入法; Step4: 输入! (感叹号) Step5: 使用Tab快捷键，快速生成HTML模板 Step6: 使用Ctrl + S 键，保存文件，选择文件路径并给文件命名，保存。 Step7: 可右击在浏览器中打开查看效果。 ...
学习笔记：（1）使用sublime软件建立HTML文件
dxy858492793的博客
10-16 2120
第一步：首先打开sublime软件。 第二步，左键单击sublime软件界面右下角的Plain Text，并选择HTML。 第三步，在sublime界面用英文输入法输入!，然后单击tab键。 第四步，成功建立基于HTML5标准的HTML文件。 ...
Sublime text 设置快捷键让html文件在浏览器中打开
Winifred_1997的博客
07-08 6713
1.安装View In Browser插件 快捷键 Ctrl+Shift+P（菜单栏Tools->Command Paletter），输入 pcip选中Install Package并回车，输入View In Browser的插件回车就安装了 注意左下角的小文字变化，会提示安装成功 2.设置快捷键 菜单栏Preferences->Key Bindings-User），或打开Defa
基于HTML的静态旅游项目
最新发布
li3123537691的博客
04-30 1362
基于HTML的静态旅游项目通常包括以下页面：首页、景点推荐、旅游攻略、交通住宿、联系我们等。这些页面通过链接相互关联，形成一个完整的网站结构。
sublime如何运行HTML
白舟的博客
07-14 6804
安装好sublime之后，右下角可以选择语言 运行HTML文件需要一个插件**view in Browser** 在 单元栏 preference-------package control --------输入 install package 在弹出的框里输入 ： view in Browser ----回车 安装好了Tools会出现标准 如果运行代码没有显示的话，还需要添加下面代码： （我这里用的是google） 点击 preferen----key bingdngs 代码; [ //
sublime快捷生成html结构文件的方法
kaiser010的博客
05-25 1546
文章来源：http://www.theicstock.com/gonglve/1011.html。步骤2.打开sublime，在菜单中选择"View > Show Console"，进入控制台。备注：根据自己系统版本下载对应的sublime版本安装。步骤1.下载安装sublime。步骤3.控制台输入下面代码运行。这样就生成html结构文件了。
如何在sublime text中快速运行浏览web/html页面
weixin_34381687的博客
09-02 2097
安装View In Browser插件 快捷键 Ctrl+Shift+P（菜单栏Tools->Command Paletter），输入 pcip选中Install Package并回车，输入View In Browser的插件回车就安装了 注意左下角的小文字变化，会提示安装成功 设置快捷键： 第一步。Preferences—Key Bindings—Use...
python能在浏览器能运行吗
12-17
常见的代码补全、智能提示、语法检查，这个软件都支持，除此之外，还集成了版本控制、单元测试、git功能，可以快速创建Django，Flask等Python Web框架，使用起来非常不错，在开发大型项目中经常会用到，唯一的缺点...
在网页上运行html代码
10-26
总的来说，在网页上运行HTML代码是网页开发的起点，通过与CSS和JavaScript的结合，可以创建出功能丰富、交互性强的网页应用。随着技术的不断发展，前端开发工具有所增加，使得这个过程更加高效和便捷。
HTML编辑器！！！！！！
03-26
步骤 3: 在浏览器中运行这个 HTML 文件 然后鼠标右击编辑器上的文件名，选择在默认浏览器打开（也可以其他的浏览器）：注：vscode 中使用浏览器打开 html 文件需要 安装 "open in browser" 扩展。运行显示结果类似...
sublime简单教程
12-05
如果你需要运行HTML文件，可以通过创建一个新的编译系统，输入类似`{"cmd": ["explorer.exe","$file"]}`的配置，保存为`browser.sublime-build`，这样就能通过浏览器直接预览HTML了。 总的来说，Sublime Text的汉化...
sublime插件HTML-CSS-JS Prettify
08-03
sublime插件HTML-CSS-JS Prettify，解压后放到sublime的Packages目录下重启即可使用。
sublime使用学习.html
07-24
HTML练手实例，用于文章的解释，基本都可以在上面找到相关的示例
软件技术基础第一次实验课1
08-08
对于Servlet部分，需要确保Tomcat服务器正确配置，并将项目文件放置在`webapps`目录下以便运行。 这个实验旨在帮助初学者建立起HTML基本结构和Servlet处理HTTP请求的基本概念，为进一步学习Web开发打下坚实的基础。...
sublime2创建一个html5的snippets文件
zhengwish的专栏
06-16 1841
背景：跟了一个网上课程，老师哗啦啦敲代码，屏幕上只敲了几个字，键盘一操作，瞬间一大溜代码，看得我心惊肉跳连忙暂停抄抄抄。 举个简单的例子，我需要创建一个html文件。但是我不想每次都敲固定的格式。那么现在我这么做： 1.我打开我的sublimeText2的目录，进入到/Data/Packages/HTML 2.创建一个文件，名为：html5.sublime-snippet 3.文件内容如下
sublime html浏览器打开,Sublime Text设置快捷键让html文件在浏览器打开
weixin_39818521的博客
06-05 242
Vmware虚拟机Devstack安装openstack(All in one)Vmware虚拟机Devstack安装openstack(All in one) 博客园第一篇博客,先练习一下. 官方文档 环境 Vmware虚拟机 OS : Ubuntu 14.04 Nat网络,D ...在Windows上编译最新的CURL，含有zlib，openssl最近,从网上下载了一个curl库,使用时各种报...
Sublime Test 3 编写第一个项目(二)
皮卡丘
09-26 315
Sublime Test 3 编写第一个项目 今天我们来了解怎么使用 Sublime Test 3 编写代码,如果还没有安装是吗Sublime Test 3 的朋友可以进入https://blog.csdn.net/qq_41144305/article/details/101370730 进行安装 1.首先,我们打开我们的软件 注意 : 按Ctrl + ! 可以调出我们的控制台 2.点开我...
Sublime 设置快捷键让html在浏览器中打开
热门推荐
司马懿的西山居
02-10 1万+
sublime 的版本可以通过 Help -> Changelog… 来查看。我这里的版本是sublime3。首先要安装 “View In Browser” 插件。Preferences -> Package Control，输入 “Package Control: Install Package” 并回车。安装成功后，还是在 Package Control，输入 “View In Browser”
sublime text3运行html
06-28
### 回答1： 1. 打开Sublime Text 3软件 2. 创建一个新的HTML文件，可以通过点击“文件”菜单中的“新建文件”选项或使用快捷键Ctrl+N来创建 3. 在新建的HTML文件中编写HTML代码 4. 保存HTML文件，可以通过点击“文件”菜单中的“保存”选项或使用快捷键Ctrl+S来保存 5. 在浏览器中打开保存的HTML文件，可以通过双击文件或右键点击文件并选择“在浏览器中打开”选项来打开 6. 在浏览器中查看HTML文件的效果 ### 回答2： Sublime Text 3是一种功能强大的文本编辑器，可用于编写各种编程语言。要在Sublime Text 3上运行HTML文件，您可以采取以下步骤： 1. 打开Sublime Text 3，并选择“文件”菜单中的“新建文件”选项。 2. 在新文件中编写HTML代码。例如，您可以编写一个简单的HTML页面，其中包括<head>和<body>标记，以及一些文本和图像。 3. 保存文件。您可以选择“文件”菜单中的“保存”选项或使用键盘快捷键Ctrl + S。请注意，在保存文件时，您需要将文件另存为以“.html”结尾的文件，以便服务器正确识别该文件。 4. 打开浏览器，并在地址栏中输入“file://”后面是您保存的HTML文件的完整路径。例如，如果您将文件保存在C：\ Users \ Username \ Documents \ myfile.html中，则在地址栏中键入“file：// C：\ Users \ Username \ Documents \ myfile.html”。按下Enter键，您的HTML页面应该在浏览器中加载。 5. 如果您想在Sublime Text 3中使用自己的Web服务器运行HTML文件，您可以使用一个第三方软件包，例如“LiveReload”或“CodeKit”。这些软件包将在您更新HTML文件时自动重新加载它们，并提供其他功能，例如实时编辑和CSS预处理。要使用这些软件包，请访问它们的网站并按照说明进行安装和设置。 总之，Sublime Text 3是一个非常灵活的工具，可以用于编写和运行HTML文件以及其他编程语言。只需遵循上述步骤并尝试不同的选项，您将能够通过Sublime Text 3在Windows、macOS和Linux上轻松运行HTML文件。 ### 回答3： Sublime Text3是一款多功能的文本编辑器，它不仅可以编辑各种文本文件，还可以运行和测试HTML页面。 首先，你需要在Sublime Text3中写好HTML代码。如果你还没有安装HTML插件，可以在菜单栏的"工具"中选择"安装包管理器"。然后在控制台中输入以下命令： import urllib.request,os;pf = "Package Control.sublime-package";ipp = sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));open(os.path.join(ipp, pf), "wb").write(urllib.request.urlopen("http://sublime.wbond.net/" + pf.replace(" ","%20")).read()) 按下回车键后，你可以在"工具"中看到"包"，选择它并找到"插件控制台"，在搜索框中输入"HTML/CSS/JS Prettify"并按下回车键。安装好插件之后，你可以在右下角的状态栏中看到"HTML/CSS/JS Prettify"按钮，单击它可以自动整理你的代码，使其更易于阅读。 然后，你需要在Sublime Text3中打开一个浏览器。方法是，按下"Ctrl + Shift + P"键，输入"浏览器"并确认，然后选择"默认浏览器"。这将打开一个新的标签页，你可以在其中输入你的HTML文件名（例如index.html）并按下回车键。 此时你应该能够看到你的HTML页面在浏览器中运行了。如果你对页面进行了修改，只需按下"Ctrl + S"键保存修改并刷新浏览器，即可在浏览器中看到最新的效果。 总的来说，Sublime Text3是一款非常强大的文本编辑器，可以帮助你快速地编写和测试HTML页面。记住，在使用Sublime Text3时，要多多利用它的功能和插件，这样才能真正发挥它的优势。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值