自定义树形目录（模拟SublimeText3）

最新推荐文章于 2020-12-25 10:14:57 发布
最新推荐文章于 2020-12-25 10:14:57 发布
阅读量1.2k 收藏
点赞数
分类专栏： 前端 文章标签： 树形导航原创视频 自定义树形目录 SublimeText3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guyingping/article/details/80618599
版权
为了网站升级，博主于2018年6月5日自行开发了一个模仿SublimeText3的文件目录树，采用jquery2.0和font-awesome-4.7.0插件。该自定义目录树具有灵活性，方便后续修改和改进。文章展示了不同收缩状态的效果，并提供了源代码截图。应用范围包括后台栏目的树形导航和前台书籍的左侧导航。开发过程记录在5个约40分钟的视频中。
摘要由CSDN通过智能技术生成

由于网站升级需要，自己写了一个模拟SublimeText3的文件目录树，感觉很有实用性，后续修改灵活且方便，比到处找插件然后修改有更大的灵活性，意义重大，因此记录下来方便后续参考和改进。

开发时间：2018年6月5日

使用的插件有：jquery2.0,font-awesome-4.7.0

效果如下：

1

最低0.47元/天 解锁文章
从IT到中医
关注
专栏目录
Sublime Text3
05-27
总结来说，Sublime Text3凭借其出色的功能和自定义性，成为了一款高效、强大的文本编辑器，无论是初学者还是经验丰富的开发者，都能从中找到适合自己的工作流。通过不断学习和探索，你可以利用Sublime Text3的全部...
sublimit 编辑器扩展_论文编辑神器Sublime Text，让论文写作过程事半功倍
weixin_39669075的博客
12-21 360
经常有小伙伴询问我们：我的论文是用LaTeX写的，你们能进行润色编辑吗？今天我们就来告诉大家，咱们各学科编辑专家里也都是卧虎藏龙，LaTeX对于他们来说也是常用工具之一，今天我们就带来一篇咱们华人翻译编辑的硬干货——LaTeX编辑器Sublime Text的介绍和使用：1. LaTeX以及相关编辑器(Sublime Text)介绍LaTeX可以说是科研论文写作排版的神器。它自动的排版功能为作者省去...
Sublime Text 下Go的代码快速大纲
YiYi
02-14 459
随着Go1的即将推出，一些配套的工具也在陆续完善中，今天花了一些时间配置了Sublime Text 下面Go的代码快速大纲，具体如下： 1.安装好Sublime Text 2.安装GoSublime插件 3.下载MarGo，编译成可执行文件 4.根据路径中的说明进行配置即可：https://github.com/DisposaBoy/GoSublime/issues/27 5.在Linu...
sublime Text 些许使用配置
weixin_33928137的博客
09-01 274
在安装numpy等库函数时，通过“命令提示符”操作显示库函数已经安装完毕，在pycharm中可是依然显示引用失败，尝试使用sublime，显示可用，遂好好使用sublime，现配置成想用的模式。 1 解决Tab转换成空格 首先点击Preferences --> Settings 显示对话框，在右侧 Preferences.sublime-settings-User，补充上一段代码：...
sublime markdown 生成目录
阳水平的博客
06-21 2345
如果想要在sublime里面编辑markdown文件的话，需要安装两个插件： MarkdownEditing：这个是md主插件； OmniMarkupPreviewer：这个是在浏览器中预览需要使用的； 如果需要生成目录树，还需要个插件： MarkdownTOC：这个是专门生成目录树的； 安装好插件以后，可以设置生成目录的时候带不带锚点，这里需要注意： ...
Sublime常用插件
a496479640的博客
09-11 483
Sublime Text常用插件合集 Alignment使用说明：Alignment是一个代码格式化插件，它可以使多行代码中的等号对齐，也可以调整多行代码为一个缩进级别。快捷键：ctrl+shift+alt+a AutoFileName使用说明：文件名自动补全，根据路径自动提示该路径下的文件 BracketHighlighter使用说明：Bracke...
SublimeText3
06-16
Sublime Text 3是一款广受开发者喜爱的源代码编辑器，尤其因其强大的功能和高度的可定制性而闻名。这款编辑器支持多种编程语言，并且提供了丰富的语法高亮、自动完成、多选编辑等特性，使得编码过程更为高效。下面...
Sublime Text 3
07-16
总而言之，Sublime Text 3作为一款专业的代码编辑器，凭借其丰富的语言支持、高效的编辑功能、强大的插件系统以及高度的自定义性，成为了众多开发者的首选工具。无论你是新手还是经验丰富的程序员，Sublime Text 3都...
sublime text 3 自定义颜色
09-07
sublime text 3 自定义护眼色，及字体等颜色修改，可以自己定制修改
Sublime Text3 显示左侧的目录树
热门推荐
翟光先生_VIYOO的小小空间
04-12 1万+
打开sublime text3程序然后点击file->open folder打开文件所在的目录即可显示目录树
sublime长博客利器，自动生成markdown目录
weixin_34191734的博客
05-01 215
近日在写一些长博客, 发现虽然markdown本可以通过[TOC],自动添加大纲,然而, 有些编辑器就是不支持, 比如简书markown编辑器 于是开始翻看神器Sublime的插件家族, 问题得到解决, 分享一下! 这款插件名为: MarkdownTOC github开源地址https://github...
sublime在左侧显示目录的方式
ths512的博客
01-20 4358
在文件菜单项选择打开文件夹就行了      
[HTML] 那个圣诞树，把代码分享给大家
ZXW_NUDT的博客
12-25 42万+
<!DOCTYPE HEML PUBLIC> <html> <head> <meta charset="utf-8"> <style> html, body { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; } div { margin: 0; padding: 0; border: 0; } .nav { position: absolute; top:.
圣诞树python代码_使用Python画了一棵圣诞树的实例代码
weixin_39777019的博客
12-03 5067
分享给大家一篇文章，教你怎样用Python画了一棵圣诞树，快来学习。如何用Python画一个圣诞树呢？最简单：height = 5​stars = 1for i in range(height):print((' ' * (height - i)) + ('*' * stars))stars += 2print((' ' * height) + '|')效果：哈哈哈哈，总有一种骗了大家的感觉。其实...
sublime text3怎么让左侧显示目录树
weixin_30640769的博客
06-10 3059
在前端开发中（包括Node.js开发），经常会使用sublime text，但之前一直不知道别人是怎么让左侧显示目录树，故特意在此记录一下。 View ->Side Bar ->Show Side Bar，之后打开sublime text3程序，然后点击file->open folder打开你要显示的目录就行。 文章来源：https://www.zhihu.com/qu...
Sublime Text 3 菜单栏及便捷操作
山茶树和葡萄树
03-23 4967
Sublime Text 3 菜单各项及便捷操作
使用tree生成目录树结构
weixin_33728708的博客
06-06 2567
前言 有时候,当你完成一个项目后,想要展示这个项目的目录结构(如下图所示),对该项目进行文档描述性说明,用于解释其项目中各个目录以及文件代表的含义,这样便于自己和后来的同学理解,在实际开发中,对于接收毫无文档说明的project,是非常痛苦的,一份好的readme文档也是非常重要的,那怎么办?逐行手写?当然不是,接下来,一步一步带你见证奇迹 戳链接,使用tree生成目录树结构,内有视频 使用...
Sublime Text 3最好的功能、插件和设置
weixin_30390075的博客
05-05 618
原文http://www.css88.com/archives/5858 翻译自：Best of Sublime Text 3: Features, Plugins, and Settings Sublime Text 3 是一个了不起的软件。首先，它是一个干净，实用，可以快速的编写代码编辑器。它不仅具有令人难以置信的内置功能（多行编辑和VIM模式），而且还支持插件，代码片段和其他...
Ubuntu Sublime Text 3 中文输入问题解决方案
总结起来，解决Ubuntu下Sublime Text 3无法输入中文的问题涉及安装必要的依赖、编写和编译自定义代码库以及将其与Sublime Text整合。通过这个方法，用户可以确保在Linux环境中正常使用Sublime Text 3处理中文文本。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值