Советы и рекомендации по работе с VS Code и расширения

  1. Code Runner — Запустите свой код одним щелчком мыши.
  2. Расширение Live Server — Каждый раз, когда вы сохраняете свой код, вы будете быстро видеть его продвижение.
  3. JavaScript (ES6) Code Snippets — Это расширение включает все фрагменты кода для программирования на JavaScript в синтаксисе ES6 для редактора Vs Code.
  4. Поддержка HTML и CSS — HTML id и class с функциями автозаполнения для Visual Studio Code.Вы можете увидеть список предложенных идей id и class, нажав ctrl + пробел..
  5. jQuery Code Snippets — предоставляет более 130 jQuery Code Snippets для JavaScript кода. Для эффективного использования этого расширения просто введите буквы ‘jq’ в редактор кода, чтобы получить список всех доступных jQuery Code Snippets.
  6. Tailwind CSS IntelliSense — автозаполнение, подсветка синтаксиса и линтинг.
  7. Сниппеты ES7+ React/Redux/React-Native
  8. Live Preview — предварительный просмотр HTML в реальном времени
  9. Markdown Emoji — добавление эмодзи
  10. Thunder Client — легковесное расширение клиента Rest API (альтернатива Postman)
  11. Проверка орфографии кода —

Для улучшения вашего кода

  1. Auto Rename Tag — автоматическое переименование парных HTML/XML тегов
  2. Prettier — Форматировщик кода
  3. Улучшенные комментарии — Добавление значимых комментариев…

[ * ] для выделенного текста
[ ! ] для ошибок и предупреждений
[ ? ] для запросов и вопросов
[ // ] для зачеркивания

Темы

  1. Atom One Dark Theme
  2. Dracula
  3. Cobalt2 Theme Official
  4. One Dark Pro
  5. Оттенки фиолетового
  6. Palenight Theme7.Monokai Pro8.Material Theme

Иконки
1.Material Icon Theme
2.vscode-icons
3.Easy icon theme
4.Nomo Dark Icon Theme

Включите Emmet для JSX & Typescript

Перейдите в файл setting.json и вставьте этот код ниже.

"emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "typescript": "typescriptreact"
}
Войдите в полноэкранный режим Выйти из полноэкранного режима

Оцените статью
devanswers.ru
Добавить комментарий