啊嘎哇在线工具箱

"Atom 入门教程"的目录

Atom 简介

Atom 基础

Atom 插件主题推荐

Atom 自定义按键绑定

Atom 保存与预览功能

Atom config.cson 基础教程

Atom Emmet 实例教程

Atom 分屏操作

Atom 实用侧边栏插件

Atom CSScomb 增强版

Atom 编辑器实时预览 HTML 页面

Atom Sync-setttings(插件-备份神器)

Atom JS 代码智能提示补全

Atom JQ 代码片段补全

Atom JS 代码片段补全

Atom 深入自定义快捷键

Atom atom-minify(CSS/JS压缩神器)

Atom Atom 内运行 gulp 的实现方法

Atom Atom 代码输入震动效果

ATOM1.19.1发布 IME组合修复

Atom 入门教程 Atom 实用侧边栏插件

2024-02-25 开发教程 Atom 入门教程匿名 10℃

实用侧边栏插件

插件介绍:tree-view-finder

修改目录树跟 Mac OS Finder 相似

在目录树显示文件大小和文件修改日期及文件的大小
可以根据文件名/大小/文件修改日期进行排列
双击文件可以调用外部编辑器打开所要编辑的文件

安装及使用

两种安装方法

apm install tree-view-finder
Atom->settings(设置)->install(安装)->搜索tree-view-finder — 推荐

使用

Tips:(若是没有启用自身插件二步设置里面的 Use entire window)是默认在侧边栏生效的，若是勾选了那个，按下快捷键后整个目录树独占一个窗口[平铺]。默认生效的快捷键是Ctrl + Alt + o 。

效果图

[img]//upload.agoer.com/uploads/user/5/image/8f/8fe87299743cc5166646f82c9548d763.jpg[/img]

快捷键参数-默认

'atom-workspace':
  'ctrl-alt-o':'tree-view-finder:toggle'

若是有其他插件和这个快捷键冲突了，在个人 keymap 里面修改。

上一节： Atom 分屏操作

下一节： Atom CSScomb 增强版

