首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Chrome中直接运行用Sublime Text创建的html文件?

在Chrome中直接运行用Sublime Text创建的HTML文件,可以按照以下步骤进行操作:

  1. 打开Sublime Text编辑器,并创建一个HTML文件。可以通过点击菜单栏的"File",然后选择"New File"来创建一个新文件。在新文件中输入HTML代码。
  2. 保存HTML文件。点击菜单栏的"File",然后选择"Save",选择一个合适的保存路径,并为文件命名,确保文件扩展名为".html"。
  3. 在Sublime Text中打开终端。点击菜单栏的"View",然后选择"Show Console",或者使用快捷键"Ctrl + ` "来打开终端。
  4. 在终端中输入以下命令,启动一个本地服务器:
代码语言:txt
复制
python -m SimpleHTTPServer

如果你使用的是Python 3.x版本,可以使用以下命令:

代码语言:txt
复制
python -m http.server
  1. 在Chrome浏览器中输入以下地址,打开HTML文件:
代码语言:txt
复制
http://localhost:8000/你的文件名.html

其中,"你的文件名"是你保存的HTML文件的名称。

通过以上步骤,你就可以在Chrome中直接运行用Sublime Text创建的HTML文件了。这样做的好处是可以模拟真实的服务器环境,确保HTML文件在浏览器中正常运行。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何优雅地使用Sublime Text3

关于如何在SublimeText下高效些东西可参见文章:sublime text 2(3)下Markdown写作 抑或是前段时间写下追寻高效工作一路折腾㈡ SideBarFolders 打开文件夹都太多了...SideBarFolders Sublime Terminal 这个插件可以让你在Sublime中直接使用终端打开你项目文件夹,并支持使用快捷键。...SublimeTmpl 快速生成文件模板 一直都很奇怪为什么sublime text 3没有新建文件模板功能,像html头部DTD声明每次都要复制粘贴。...我们接下来就通过安装advancedNewFile插件来提升我们在Sublime Text编辑器下创建文件速度。...Sublime Text运行javascript(ES6) 首先安装nodejs 当然你可以使用其它诸如jsc之类环境来运行js, 本文使用是nodejs.

6.6K60

产品解析:Github Atom

通过第一个快捷键,你可以调出一个命令行窗口,运行各种和菜单对应功能;通过第二个快捷键,你可以方便地调出某个文件。 和sublime text一样,atom也提供了package和plugin。...只要你用过任何一款文本编辑环境,sublime text, ultra edit等,那么上手atom很快,几乎不用任何学习。不过你也许会有疑惑:atom有什么好处?...看上去atom源代码来自chrome —— 我觉得atom很可能是一款以某种方式运行本地web app浏览器。...很可能chrome上面的沙箱环境(不允许web app访问本地资源,文件系统)被移除,然后nodejs以某种方式被集成进来(这样javascript可以访问文件系统等本地资源)。...大多数用户不关心你什么技术,而关心我要功能你有没有。----

1.5K80

Sublime Text3配置使用教程

Sublime Text3安装目录下新建文件夹/Data,该文件创建完成后再打开Sublime Text程序,我们发现,Packages被安装在了当前创建文件夹下(我路径是D:\Program...SublimeLinter 默认以 background 模式运行,在用户输入同时即时校验,如果你想要 Sublime Text 运行得更流畅,可以改为 load-save 模式或 save-only...Sublime​Code​Intel 支持所有 Komode Editor 支持代码语言,:JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML...text3已经默认有这个功能了,一开始我修改过html默认打开方式为编辑器,所以,这个功能时感觉无效,后来修改为chrome默认打开,再使用这个功能就OK了 https://forum.freecodecamp.or...text打开 Sublime text 3 新手倒腾 Python程序员 Sublime Text 2 配置-Terminal Sublime Text3 - 实用设置 怎么sublime text

17.1K41

高效率工具

可以,请看 Visual Studio 自定义项目模板 Vsiual Studio 还有一个强大功能,自定义外部命令 Sublime 对于编辑器,我就推荐 Sublime Text ,vs code...我现在就是 Sublime 在写博客 SublimeText2 支持但不限于 C, C++, C#, CSS, D, Erlang, HTML, Groovy, Haskell, HTML, Java...Sublime 可以自己写插件,所以几乎所有功能都可以做,我插件有200M Sublime 可以随心跳转,关于Sublime 我还写有博客:sublime Text 正则替换 Sublime 也有很多插件...Text中文输入法焦点问题 如果需要使用 Sublime 写 Markdown 请看这篇在 Sublime 中配置 Markdown 环境 Visual Studio Code vsc 是强大工具。...Cryptomator 1.4.0 beta2 x64-CSDN下载 建议做法:创建加密文件夹,在里面使用 git 做历史,并且使用微云同步上传文件夹。

1.6K10

构建初级前端页面重构开发环境

这个流程主要有一下几个问题: 每次都要重复创建初始项目结构和文件,往往复制大量相同代码。 用不好编辑器写 HTML 结构和 CSS 代码,效率比较低下。...所以,如果你不是 Sublime Text,抓紧来用一下,或许它不是最适合你,但它绝对值得你去尝试一下!...Chrome canary 最新开发版 Chrome 让你体验到最新 HTML5 等等新功能 Firefox 必备开发浏览器。...它需要配合 Sublime Text 来使用,当你安装好了之后,点击右上角图标,插件就会与 Sublime Text 链接起来,当你在 Sublime Text 中摁下保存,插件就会自动发送刷新指令到...这绝对是一个非常神奇又强大工具,出自 Emmet 团队,需要 ChromeSublime Text 支持。

46320

Scrapy爬虫框架实战案例(适合小白人门)

初识Scrapy 开发环境 创建项目 创建爬虫 项目结构图 创建Item 分析HTML 爬取网页 开发环境 运行平台:Windows 10 Python版本:Python 3.6.1 Scrapy版本...:Scrapy 1.4.0 IDE:Sublime text3 浏览器:chrome ---- 下面我们进入本文主题,爬取我们第一个网页“去哪儿”酒店城市列表,图中红色框框部门。...item我们已经创建好了,对HTML页面也进行了分析,下面就可以进入主题了“爬虫”,有点小激动。 爬取网页 打开spiders中hotel.py文件。...这文件是系统帮我们创建,系统帮我们创建了一下关键代码。如图 下面我们只要对这么代码稍稍改动一点,并写出之前我们对HTML解析代码就好了。...如图: 本文中我使用是“BeautifulSoup”来对HTML代码进行解析,如果有没装“BeautifulSoup”小伙伴可以在命令窗口中直接安装,安装代码: pip install bs4

1.4K20

PHP与SEO,应用curl及正则获取搜狗搜索相关关键词

配置php环境 STEP1:直接一把梭,装个集成环境即可,这里我是phpStudy V8.0版本PHP集成环境,phpstudy(小皮面板)。 ?...测试php安装 cmd中直接键入 php-v 出现php版本号即,安装成功! ? 到了这里,php基本上配置完成了,你可以愉快进行玩耍了,你尽情pai! 好了,回归正题!...编辑器我这里 Sublime Text!直接应用curl及正则获取搜狗搜索相关关键词! 参考源码: <?php $url="https://www.sogou.com/web?...CURLOPT_RETURNTRANSFER, true); $user_agent = "Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome...> 运行效果 ? Sublime Text调试代码需要配置,自行百度尝试配置,调试快捷键为 ctrl+b ! 学渣不懂php,就不班门弄斧,解释代码了,可自行学习参考内容,多测试必有所得!

66630

python3+Scrapy爬虫实战(一)—— 初识Scrapy

开发环境 运行平台:Windows 10 Python版本:Python 3.6.1 Scrapy版本:Scrapy 1.4.0 IDE:Sublime text3 浏览器:chrome...下面我们就来创建保存这两个数据Item: 上面QunarItem是由scrapy自动生成出来,我们暂时先不管它,如果你想直接系统创建那个Item也是可以。...item我们已经创建好了,对HTML页面也进行了分析,下面就可以进入主题了“爬虫”,有点小激动。 爬取网页 打开spiders中hotel.py文件。...这文件是系统帮我们创建,系统帮我们创建了一下关键代码。如图 下面我们只要对这么代码稍稍改动一点,并写出之前我们对HTML解析代码就好了。...如图: 本文中我使用是“BeautifulSoup”来对HTML代码进行解析,如果有没装“BeautifulSoup”小伙伴可以在命令窗口中直接安装,安装代码: pip install

27120

Sublime Text 使用笔记

在 mac 下设置一个窗口打开多个tab Sublime Text 在 mac 下默认是以单个独立窗口打开文件,当你需要打开10个文件,它就会打开10个窗口,这样方式非常不好,我们需要设置一下,让其以一个窗口打开...C复制文件路径,按F2即可在Chrome浏览器预览效果(如果需要的话,也可以根据自己需要为Firefox,Safari,IE,Opera等加上),当然你也可以自己定义喜欢快捷键,最后注意代码中浏览器路径要以自己电脑里文件路径为准...2.SublimeTmpl 快速生成文件模板 一直都很奇怪为什么sublime text 3没有新建文件模板功能,像html头部DTD声明每次都要复制粘贴。...SublimeTmpl这款插件终于可以解脱了,SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型文件模板,所有的文件模板都在插件目录templates...如何配置,请参见在 Sublime Text中使用 SFTP 插件快速编辑远程服务器文件;大道至简,因简而悦;开心垒码,就爱折腾。

1.1K10

JavaScript系列之初识JS,强大实干家

3编写工具 (1) 常用编辑器 由于JS程序可以嵌入HTML文件中,因此可以使用任何一种能编辑HTML文件工具软件作为JS文本编辑器,Windows中记事本、写字板、Adobe Dreamweaver...(2) 在Chrome浏览器运行与调试 我们可以在 Chrome 浏览器上进行 JavaScript 代码运行与调试,对于前端调试代码非常方便。...③我们也可以在 Chrome 浏览器中创建一个脚本来执行,开发者工具中点击 Sources 面板,选择 Snippets 选项卡,然后选择 Create new snippet 来新建一个脚本文件,在右侧窗口输入要执行代码...三JS编写HelloWorld 1介绍 JavaScript是嵌入在HTML中来实现自己功能,同CSS一样,可以通过HMTL中标签或者引用外部文件实现。...(1) 页面中直接嵌入JS 在HTML文档中,可以使用…标记将JavaScript脚本嵌入其中。新建一个demo.html文件,编写代码如下所示: <!

95930

Ubuntu 16.04 一系列软件安装命令,包括QQ、搜狗

Ubuntu 自带了一个视频播放器叫totem,直接点击视频文件就是totem来播放,搞得博主误以为是vlc,这里提醒大家一下,对视频文件点右键然后选择vlc打开就可以了。...++没有Linux版,所以这里推荐一款更强大编辑器Sublime Text3,Sublime Text3强大地方就在于它不仅可以通过安装扩展包来不断增强功能,而且它是跨平台Sublime Text3...要用Sublime Text3打开文件a.txt则可以直接这样: subl a.txt 1 卸载Sublime Text3命令: sudo apt-get remove sublime-text-installer...,Sublime Text3有很多提高效率插件,百度一下就行了  上一张博主安装好图: 28 Chrome 使用uGet下载 博主已经无力吐槽FireFox了,尼玛,搞两个服务器,国内一个服务器...,简直良心,可惜Ubuntu不能用,于是转投chrome,之前FireFox主要是下载东西可以uGet,chrome下载那真是….谁谁知道,遂研究了一下chrome调用uGet来下载方法,果断抛弃了

2.3K10
领券