vscode react javascript snippets

VS Code ES7+ React/Redux/React-Native/JS фрагменты

Фрагменты JavaScript и React/Redux в ES7+ с функциями плагина Babel для VS Code

Установка

Торговая площадка Visual Studio

Запустите быстрое открытие :

• Линукс : Ctrl+P
• macOS : ⌘P
• Windows : Ctrl+P

Вставьте следующую команду и нажмите Enter :

ext install dsznajder.es7-react-js-snippets

Параметры

Начиная с версии 4 расширение предоставляет возможности настройки поведения сниппетов:

Вариант	Описание
ЯзыкОбласти применения	список поддерживаемых языков/распознавание файлов
красивееВключено	определяет, следует ли анализировать фрагменты с помощью более красивой конфигурации проекта
импортреактонтоп	Если этот параметр отключен, фрагменты не будут содержать import React сверху. Поддержка React 17+
машинопись	добавляет дополнительные фрагменты машинописного текста

Спонсоры

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

Покорение завершения

Этот пакет можно использовать в текстовом редакторе vim/neovim. Чтобы это стало возможным, убедитесь, что у вас предварительно настроен coc.nvim , а затем добавьте эту команду в свой init.vim

Plug ' dsznajder/vscode-es7-javascript-react-snippets ' , { ' do ' : ' yarn install --frozen-lockfile && yarn compile ' }

Обновите настройки vim/neovim с помощью :source % , а затем установите новый пакет с помощью :PlugInstall

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

Пакер

Для использования с упаковщиком синтаксис немного другой. Просто добавьте в свой init.vim или init.lua :

use { ' dsznajder/vscode-es7-javascript-react-snippets ' ,
run = ' yarn install --frozen-lockfile && yarn compile '
}

При сохранении файла будет выполнено обновление ( :w )

Команда поиска

Вы можете выполнять поиск по фрагментам с помощью команды ES7 snippet search , которую можно запустить с помощью CMD + Shift + P или просто использовать сочетание клавиш CMD + Shift + R ( CTRL + ALT + R для Windows и Linux).

Вот прямая ссылка на торговую площадку ES7 React/Redux/React-Native/JS Snippets.

Фрагменты