удобное дерево

внешний интерфейс CSS

Многие друзья могут использовать древовидный каталог при написании документа или завершении структуры каталогов.Я думал, я написал свой собственный немного написанный, и я немного устал, то есть, кажется, как узко вы знаете.

один за другим Структура каталогов в github с некоторыми советами по CSS давно не обновлялась

Как и в простой структуре каталогов выше, теперь просто войдите в этот каталог и введите:tree .Вот и все.

Да, на этот раз в основном для записи этогоtreeЗаказ.

Установить

В винде не знаю какая версия запустилась, во всяком случае помню когда раньше юзал вин7 она шла с однимtreeКоманда, но, похоже, работает относительно просто. В Mac вам нужно пройтиbrewуправление пакетами для установки.

brew install treeскопировать код

Ну и установка может быть медленной, в основном из-за сети, это всем известно. Но говорят, что его можно заменитьbrewПуть ресурса, но если вы не часто находите установочный пакет на этом, вы можете его игнорировать, все равно я устал.

использовать

установленыtreeПосле этого вы можете взглянуть на справку.

tree --helpскопировать код

Вы получите много доступных параметров, лично для меня, вероятно, есть несколько, которые проще использовать.

Просмотр иерархии отображения

Если иерархия каталогов очень глубокая, но вы не хотите отображать ее всю, вы можете передать-L 数字способ работы, например: отображение структуры каталогов первого уровня.

tree -L 1скопировать код

показать папку

tree -dскопировать код

выходной указанный формат

В обычных условиях черезtreeФормат вывода — это эффект на скриншоте выше, но мы можем указать некоторые форматы вывода, это черезtree --helpможно увидеть, когда .

В этом случае очень удобно иногда делать карты сайта для статических страниц, или когда вы хотите экспортировать формат json.

Например, если вы хотите, чтобы выходной путь был под доменом имени http://lab.tianyizone.com/, просто введите:

tree -H http://lab.tianyizone.com/скопировать код

получите:

Добавляется не только путь, но и стиль. Конечно, эти стили можно обрабатывать самостоятельно на более позднем этапе. Если вы чувствуете, что древовидные символы впереди вызывают у вас дискомфорт, вы можете добавить еще один параметрiУдалить.

tree -iH http://lab.tianyizone.com/скопировать код

Но теперь формат HTML должен быть меньше, большинство в формате json, так что мы можем это сделать.

tree -Jскопировать код

Это кажется очень удобным и быстрым? Если вы так не считаете, я ничего не могу поделать, может быть, такого спроса нет. Лично я, когда имею дело с небольшим спросом, дает мне большое чувство удовлетворения, а также значительно повышает эффективность.

вывод в файл

Теперь эти операции отображаются в терминале.Если нам это очень нужно, то не будет отображаться в терминале.Тогда мы можем выделить его,скопировать и наконец вставить в редакторе.Это слишком хлопотно. Даже если мы хотим вставить операцию, мы можем, по крайней мере, сделать это:

tree -J | pbcopyскопировать код

По крайней мере, это дает вам прямой доступ к буферу обмена.

Но все же я чувствую себя неловко. затем через-oпараметры, чтобы удовлетворить нас.

tree -o tree.mdскопировать код

Таким образом, мы можем увидеть новый файл md в текущем каталоге.

Взгляните на содержимое этого файла tree.md:

Если вам не нравится этот стиль команды, вы можете использовать:

tree -J >> tree_json.jsскопировать код

Таким образом, он также может удовлетворить наши потребности.

тогда проверь это

пройти через>>Это фактически добавление содержимого в файл, если вы используете>В этом случае новый контент перезапишет предыдущий.

tree -H http://lab.tianyizone.com/ > tree_json.jsскопировать код

В этом случае вы можете видеть, что содержимое в предыдущем формате json исчезло. после этого

tree -J >> tree_json.jsскопировать код

Если вы сделаете это один раз, содержимое в формате json будет отставать от формата HTML.

наконец

Вероятно, так оно и используется, т.treeТак же есть файлы, которые можно экранировать и отображать через обычные правила.Раньше такое не использовалось, и чувствую, что это временно маловажно.Надо глянуть потом. Как ей пользоваться конкретно, хорошо это или нет, это у редьки и у зеленых овощей у каждого свои предпочтения.Ведь эта команда у меня не особо используется, но пользоваться ею действительно удобно.