开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

无法在Sublime Text 3中折叠div

在Sublime Text 3中，可以使用插件来实现折叠div的功能。以下是一种常用的方法：

首先，确保已安装Package Control插件。如果未安装，可以按照官方文档（https://packagecontrol.io/installation）的指引进行安装。
打开Sublime Text 3，按下Ctrl + `（或选择View -> Show Console）打开控制台。
在控制台中粘贴以下代码并按下回车，等待安装完成：

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

按下Ctrl + Shift + P（或选择Tools -> Command Palette），输入"Package Control: Install Package"并按下回车。
在弹出的输入框中输入"Fold Python"并按下回车进行安装。
安装完成后，可以在Sublime Text 3的右下角找到"Fold Python"的图标。点击该图标，然后选择"Fold HTML Tags"，即可折叠div标签。

请注意，以上方法是使用"Fold Python"插件来实现折叠div的功能。除此之外，Sublime Text 3还有其他插件可供选择，可以根据个人喜好进行尝试。

相关搜索:Sublime Text无法安装EasyClangComplete 无法在Sublime Text 3中安装绝地-Autocomplete 我无法在Debian上正确卸载Sublime Text Sublime text无法在python中获取环境变量在sublime text 3中使用Scala和sublime Sublime Text 3无法逐个打开某些文件类似于Sublime Text的折叠HTML标记属性功能 Sublime Text 3和Javascript Completions包无法工作 sublime text无法更改远程服务器文件 Sublime Text 3 Python3构建无法工作？PEP8函数定义和Sublime Text 3代码折叠在Sublime中更改折叠文本的颜色无法使用sublime text和mingw设置C++环境在Sublime Text 3中自动导入.ts组件在Sublime Text 3中安装/使用R包在Sublime Text 2中为Jade突出显示语法？在Sublime Text 3中自动补全类的方法 Anaconda插件在Sublime Text 3上不起作用 LibGDX项目可以在Sublime Text 3中运行吗？在使用Sublime Text时，我遇到了这个错误

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

在sublime text 3中配置go

1.下载安装golang 2.配置环境变量 GOROOT = "C:\Go"(go安装路径) GOPATH = "C:\GoPath"(自定义) 二、安装Sublime...Text 1.下载Sublime Text http://www.sublimetext.com/ 2.安装package-ctrl 在 view->show console 下输入 ...import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path...urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net.../' + pf.replace(' ','%20')).read()) 回车，成功后重启sublime。

2.3K1 0

ubuntu下解决sublime text无法输入中文的问题

克隆项目到本地 : git clone https://github.com/lyfeyaj/sublime-text-imfix.git 运行脚本 : cd sublime-text-imfix &&.../sublime-imfix 完成! 重新启动后就可以在 Sublime Text 2/3 中使用中文了!

8241 0

Sublime Text3 无法使用LiveReload插件的解决方法

以前一直在用sublime text2, 有一款插件感觉非常好用，就是LiveReload，在sublime中写完代码，按下ctrl+s保存后，浏览器自动刷新页面，可直接查看效果，而不用切换到浏览器中再按...然而，前段时间开始尝试sublime text 3, 没想到通过package control安装的livereload插件无法使用了，简直不能忍啊！！...中的允许访问文件网址打上勾 sublime安装LiveReload sublime text3的package control中的livereload插件存在bug, 不知道什么时候能够修复 windows...text3的Packages目录中，此文件夹是隐藏文件夹，默认地址为 C:\Users\your_user_name\AppData\Roaming\Sublime Text 3\Packages 博主是用的...最后例如，打开某个html文件，在chrome中打开，点击LiveReload图标，可以看到中心由空心圆点变为实心圆点，代表启动成功，这时返回sublime中，可以看到左下角出现LiveReload连接成功的提示

6123 0

Ubuntu下Sublime Text无法输入中文最简单的解决方案

Sublime Sublime Text 是一个代码编辑器（Sublime Text2是收费软件，但可以无限期试用），也是HTML和散文先进的文本编辑器。...Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。...Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。...sublime是我喜欢的一款编辑工具，但是在Ubuntu下不能输入中文，这一点我比较难受，于是在网上搜了好久，总结了下面这个简单的方法。...1.下载我们需要的文件，打开终端，输入： git clone https://github.com/lyfeyaj/sublime-text-imfix.git cd ~/sublime-text-imfix

6525 2

ubuntu下sublime text3无法输入中文的解决办法

因为写前端代码我现在离不了sublime, 不曾想在ubuntu中装好sublime后竟然无法输入中文，吓哭… 我的电脑环境 ubuntu 14.04 LTS sublime text 3 搜拘输入法.../bin/sh exec /opt/sublime_text/sublime_text "$@" 修改为 #!.../bin/sh LD_PRELOAD=/opt/sublime_text/libsublime-imfix.so exec /opt/sublime_text/sublime_text "$@" 此时，...在命令中执行 subl 打开sublime将可以搜狗输入法的中文输入修改文件sublime_text.desktop的内容，以使鼠标打开的方式也可正常使用中文输入 sudo gedit /usr/share...opt/sublime_text/目录下的sublime-text.desktop可以修改，也可不修改。

4392 0

在sublime-text 中设置浏览器预览方法（2）

安装 SideBarEnhancements 然后通过ctrl + k, ctrl + b打开侧边栏，在侧边栏的文件中右击，找到 open width -> edit applications 然后在这里边设置...extensions":".*" //any file with extension } } ] } ] 配置在IE...这样就可以用这三个键在浏览中预览页面了： F12 : Firefox alt + F12 : IE ctrl + F12 : chrome 当然，你也可以配置，其它配置器用这样的方式预览。

6453 0

解决Sublime在LinuxMint下无法输入中文的问题

/bin/sh LD_PRELOAD=/opt/sublime_text/libsublime-imfix.so exec /opt/sublime_text/sublime_text "$@" 此时,...在命令行运行subl已经可以中文了。..."LD_PRELOAD=/opt/sublime_text/libsublime-imfix.so exec /opt/sublime_text/sublime_text %F" //修改为这一句.../sublime-text.desktop，在终端执行subl打开sublime可以正常输入中文了。...但是点击文件右键选择sublime打开的文件还是无法输入中文，这时需要把/usr/share/applications/sublime-text.desktop文件复制到opt/sublime_text

1.7K7 0

sublime text 3在win10下中文显示为方块的解决方式

sublime text 是一款令人既爱又恨的编辑器，虽然插件功能极其丰富，可由于是闭源的，其作者经常玩失踪，软件出现bug很难处理。...这两天又踩到一个坑了，在win10安装后，发现所有中文都变成方块了... ? 中文变方框 ? 黑人问号原因，这是sublime text的显示bug，在高分屏下设定显示放大就会触发。...作者又迟迟不修复，只能自己处理了，解决方案如下：让中文显示正常 Perferences-->Settings 在Preferences.sublime-settings文件中将dpi_scale设置为...1.0 "dpi_scale": 1.0 重启sublime text，中文的显示是正常了。...这个要分几步走安装PackageResourceViewer插件在sublime-settings文件中查看自己使用的主题我使用的是 "theme": "Afterglow-green.sublime-theme

2.1K3 0

在 Sublime Text 2 中使用 SFTP 插件快速编辑远程服务器文件

Sublime Text 2 本身并不强大，但是它方便使用插件扩展功能，所以变得很强大。今天介绍一个很实用的插件 SFTP ，可以大大提高前端工作效率。...SFTP 安装和使用方法先要安装这个插件，打开 Sublime Text 2 ，摁下 shift + ctrl + p 键，呼出面板，使用 Package Control 这个插件安装。

1.1K1 0

vuepress中实现代码折叠、高亮

最近在vuepress中撰写UI框架文档时发现在组件中插入演示代码没高亮，虽然在文档markdown中写代码有高亮但就无法实现折叠了，而且vuepress没有提供折叠代码的配置，因此实现一个折叠组件外加代码高亮的插件就十分有必要...一、编写代码折叠mixin.js 在/docs/.vuepress下创建mixin.js文件，编写代码折叠逻辑。...background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; text-align.../public/index.scss' //代码高亮文件引入 import Vue from 'vue' import hljs from 'highlight.js' //样式文件,这里我选的是sublime...使用之后在包装代码的外层div加上v-highlight指令，并在code标签标明代码模板类型为html/javascript/css <div class="code-content"

2K4 0

Sublime text使用指北

下载地址 Sublime text 3官方下载地址 http://www.sublimetext.com/3 安装步骤使用Package Control组件安装(使用插件必须先要安装) 1.按Ctrl...左侧是默认的配置文档，找到需要修改的快捷键【ctrl+`】，在第260行，复制改行代码。...不爽的是，有的网络环境可能会不允许访问陌生的网络环境从而设置一道防火墙，而Sublime Text 2貌似无法设置代理，可能就获取不到安装包列表了。...BufferScroll 前面我们设置了折叠代码的快捷键，但是每次重启Sublime Text3或者重新打开页面后，折叠状态就会消失，安装完成此插件后，代码折叠状态就能够保留了 DocBlockr DocBlockr...需要输入颜色时，可直接选取颜色 ConvertToUTF8 您可以编辑并保存目前编码不被 Sublime Text 支持的文件，特别是中日韩用户使用的 GB2312，GBK，BIG5，EUC-KR，EUC-JP

7721 0

web前端好学吗？如何能提高CSS编写技巧提高Web前端开发效率

2、注意外边距折叠与其他大多数属性不同，上下的垂直外边距margin在同时存在时会发生外边距折叠。这意味着当一个元素的下边缘接触到另一个元素的上边缘时，只会保留两个margin值中较大的那个。...background引入图片的一个缺点是页面的Web可访问性会受到轻微的影响，因为屏幕阅读器和搜索引擎无法正确地获取到图像。...值得庆幸的是，有工具可以自动为我们提供添加浏览器前缀的功能，甚至可以决定需要支持哪些浏览器：在线工具：Autoprefixe 文本编辑器插件：Sublime Text、Atom 代码库：Autoprefixer...市场上有许多不同的方法来压缩CSS代码：在线工具：CSS Minifier、CSS Compresso 文本编辑器插件：Sublime Text、Atom 代码库：Minfiy (PHP)、CSSO...就像压缩和Autoprefixer一样，有免费的工具可以利用：在线工具：W3 Validator、CSS Lint 文本编辑器插件：Sublime Text、Atom 代码库：stylelint

8541 0

Sublime Text 4 Dev for Mac(前端代码编辑神器)

它具有快速、强大和易于使用的特点，并提供了许多高级功能，例如自动完成、语法高亮显示、括号匹配、代码折叠等等。...Sublime Text 4 Dev for Mac(前端代码编辑神器)图片Sublime Text 4 Dev是Sublime Text 4的开发版本，是供开发人员使用的流行文本编辑器。...Sublime Text 4 Dev的一些新功能包括：GPU渲染：Sublime Text 4 Dev利用您的显卡的能力在屏幕上呈现文本，从而实现更平滑的滚动和更好的性能。...自动暗模式：如果您已经设置了系统使用暗模式，Sublime Text 4 Dev在启动时将自动切换到暗色主题。图片行高度调整：您现在可以调整代码的行高度以提高可读性。...数据文件夹的备份副本可用于检索无法重新安装的配置或自定义程序包。在OS X上，默认情况下隐藏~/ Library文件夹。

5262 0

CodeMirror 基础配置指南

--支持代码折叠--> ...--引入js，sublime--> <script th:src="...keyMap:"sublime", //代码折叠 lineWrapping:true, foldGutter: true,...该方法得到的结果是未经过转义的数据 //editor.toTextArea(); //editor.getTextArea().value; //如果是通过 JS 进行表单提交，可以在提交的

2821 0

Sublime Text 3中文破解版

Sublime Text 3中文版是一款跨平台代码编辑器（Code Editor）软件。...Sublime Text 3既可以编写代码还可以编辑文本，是程序员必不可少的工具，相比之前的版本Sublime Text有了很大的改进，支持代码补全、代码折叠，自定义皮肤等功能，Sublime Text...Sublime Text官网：https://www.sublimetext.com/ 软件特色 1.Sublime Text 3有良好的扩展功能，官方称之为安装包(Package)。　　...4.Sublime Text3中文破解版可以即时的文件切换。　　5.随心所欲的跳转到任意文件的任意位置。　　6.多重选择(Multi-Selection)功能允许在页面中同时存在多个光标。　　...ctrl+shift+F 在文件夹内查找，与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找 Ctrl+Shift+K 删除整行 Ctrl+Shift+L 鼠标选中多行（按下快捷键），即可同时编辑这些行

2.4K2 0

sublime text之效率超高的Emmet

原来一直经常使用webstrom，后来电脑配置跟不上了开始捣鼓sublime text3，整理下笔记。...安装方法首先安装package control 按Ctrl+`调出sublime text的console 粘贴以下代码到底部命令行并回车： Sublime Text 2: import urllib2...= h else 'Please restart Sublime Text to finish installation') Sublime Text 3: import urllib.request,...= h else open(os.path.join( ipp, pf), 'wb' ).write(by) 重启Sublime Text 在Perferences->package settings中看到...Packages/目录 4.重启Sublime Text。

6202 0

Sublime Text 4 Dev for Mac(前端代码编辑神器)

sublime text 4 Dev mac是一款运行在mac端的代码编辑工具，集窗口分组、项目管理、扩展工具、代码折叠等多种功能与一身，支持vim模式，窗口分组、扩展工具、代码折叠等，而且sublime...text 4中文版支持多种编程语言的语法高亮、拥有优秀的代码自动完成功能，还拥有代码片段的功能，可以将常用的代码片段保存起来，在需要时随时调用，堪称程序员开发神器！...Sublime Text 4 Dev for Mac(前端代码编辑神器) 图片

3084 0

Sublime快捷键与常用插件配置总结【原创】

ctrl+shift+F 在文件夹内查找，与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找 Ctrl+Shift+K 删除整行 Ctrl+Shift+L 鼠标选中多行（按下快捷键...复制到Installed Packages/目录重启Sublime Text 3....+ tab (2) 生成id名和类名标签名.类名#id名 + tab 没有标签名.类名 + tab => div (3) 生成子类标签标签名>子标签名>子标签名 +...菜单中选择start sublimeserver 【gbk support】中文支持，Sublime Text 本生不支持 gb2312，需要安装插件 https://github.com/chengsu...javascript & Nodejs Snippets】快捷编码，可通过 ctrl + shift + p 输入snippets查看【Can I Use】兼容性检查 http://timkl.xyz/sublime-text-caniuse

1.8K8 0

Sublime Text 2以及Zen Coding

/'+pf.replace(' ','%20')).read()) 2、重启Sublime Text 2，在Preferences->Package Settings中看到Package Control...，div#content.column E>N 子元素（div>p、div#footer>p>span） E*N 多项元素（ul#nav>li*5>a） E+N 多项元素 E$*N 带序号的元素 Sublime...同时，如果我们在编辑中直接书写了ZC缩写，比如 div#content>p 当光标放置在p之后时，可以通过Tab键来扩展，ZC会从光标处开始向左侧搜索到第一个空白处，之间的代码作为ZC缩写，这样不必每次打开新行输入...其实Zen Coding还提供了很多方便代码编写的操作，例如标签匹配、返回上一个/下一个编辑点、更新img标签、合并行等，但是因为在Sublime Text中没有提供完整的支持，所以这些特性还无法使用。...参考资料： 1、Sublime Text 2 安装Zen Coding 2、百度百科 Zen Coding 3、Zen Coding 4、关于使用Sublime Text 2的那些事儿 5、Sublime

6193 0

Sublime Text 4 Dev Mac(前端代码编辑神器)

sublime text 4 Dev mac是一款运行在mac端的代码编辑工具，集窗口分组、项目管理、扩展工具、代码折叠等多种功能与一身，支持vim模式，窗口分组、扩展工具、代码折叠等，而且sublime...text 4中文版支持多种编程语言的语法高亮、拥有优秀的代码自动完成功能，还拥有代码片段的功能，可以将常用的代码片段保存起来，在需要时随时调用，堪称程序员开发神器！...Sublime Text 4 Dev Mac图片Sublime Text 4 Dev软件功能介绍1.转到任何东西使用Goto Anything只需几个按键即可打开文件，并立即跳转到符号，行或单词。...- 键入@以跳转到符号，#在文件中搜索并:转到行号。这些快捷键可以合并，这样tp@rf可以带你到一个功能READ_FILE在文件中text_parser.py。...2.转到定义使用语法定义中的信息，Sublime Text自动***每个类，方法和函数的项目范围索引。

4212 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭