Создать вид, подобный проводнику, в VSCode

#visual-studio-code #vscode-extensions

#visual-studio-code #vscode-расширения

Вопрос:

Я хочу создать дополнительный вид дерева папок в контейнере Explorer с расширением, чтобы я мог видеть другие каталоги и файлы, которые не связаны с открытой рабочей областью.

Я также хочу сохранить внешний вид дополнительного древовидного представления, подобного исходному древовидному представлению проводника (значки, меню и т. Д.)

Есть ли встроенный способ использования древовидного представления, который поддерживает отображение файлов из файловой системы, как это делает проводник?

1. если вы создадите элементы дерева на основе URI, VSC отобразит их как проводник со значками файлов

2. Значки файлов — это только один аспект. Вы не можете отображать элементы дерева в разных цветах, у вас не может быть одного и того же контекстного меню и т. Д.

3. @rioV8, я понимаю, но я хочу древовидное представление, которое выглядит и ощущается как оригинальный Explorer, и, как сказал Майк Лишке, одних значков файлов недостаточно. Есть ли какой-нибудь способ наследовать существующее древовидное представление или что-то в этом роде?

Ответ №1:

В package.json , вы можете добавлять дополнительные представления в проводник, например:

 "views": {
  "explorer": [
    {
      "id": "id123",
      "name": "name"
    }
  ]
}

Затем вы можете использовать vscode.window.createTreeView("id123") команду для добавления древовидного представления к представлению.

<a rel=»noreferrer noopener nofollow» href=»https://code.visualstudio.com/api/references/vscode-api#TreeView» rel=»nofollow noreferrer»>Здесь есть описание API древовидного представления