Веб-страница
24.5K subscribers
1.68K photos
523 videos
1 file
3.87K links
Всё по фронтенду, бэкенду и девопсу в одном месте

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
34 VS Code-расширения для повышения производительности

VS Code обладает таким огромным количеством расширений, что можно пропустить что-то полезное. В этой подборке автор рассказал аж о 34 расширениях, которые будут полезны многим веб-разработчикам:

https://tprg.ru/WYT5

#vscode
10 забавных расширений VS Code для разработчиков

Существует огромное множество полезных и зарекомендовавших себя расширений для VS Code. Ещё больше существует подборок этих самых расширений, мы и сами периодически публикуем их на канале.

Но в этот раз не совсем стандартная подборка — здесь представлены 10 расширений, которые не то чтобы необходимы, но могут разнообразить разработку, помочь отвлечься или сделать VS Code более привлекательным:

https://tprg.ru/ZS7u

#vscode
Полезные расширения VS Code для фронтенд-разработчиков

В этой подборке собрано более 20 полезных расширений, которые пригодятся фронтенд-разработчикам в самых разных ситуациях:

https://tprg.ru/ubGX

#vscode
Как создаются расширения для VS Code

У VS Code очень богатая библиотека расширений, которые позволяют превратить редактор кода в одну из самых удобных IDE на сегодняшний день. Вам когда-нибудь было интересно, как такие расширения создаются?

В этой статье автор поделился историей создания расширения для фреймворка, работающего на Rust, WebAssembly и TypeScript:

https://www.osohq.com/post/building-vs-code-extension-with-rust-wasm-typescript

#rust #vscode #typescript
👍153
​​Улучшение Visual Studio Code для новичков

VSCode — самый популярный редактор кода среди веб-разработчиков. Вы можете использовать его с нуля, однако со временем его базовых функций станет недостаточно и тогда в бой выходит огромная библиотека расширений, способных покрыть практически любые задачи разработчика и превратить редактор в полноценную IDE.

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

Подробнее обо всём в статье:

https://habr.com/ru/post/653465/

#vscode
👍302👏2
7 расширений VS Code, которые стоит знать разработчику React

VS Code — одно из лучших оружий программиста. Вот 7 отличных расширений, которые может использовать разработчик React, чтобы сделать его ещё более мощным:

https://nuancesprog.ru/p/15719/

#react #vscode
👍14🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
Делаем разработку в VS Code уютнее с помощью милых питомцев

Добавьте немного милоты в ваш редактор кода с помощью этого расширения для VS Code, которое будет бегать у вас по экрану, а если захотите, то и поиграет с вами. Это точно круче резиновой уточки на вашем столе, ведь она не принесёт вам мячик.

Кстати, выбрать вы можете не только кошечку или собачку, но также змею, уточку, краба, скрепку Клиппи и других персонажей. Скачайте и выберете себе подходящего питомца:

https://marketplace.visualstudio.com/items?itemName=tonybaloney.vscode-pets

#vscode
28👎9😍8👍6🐳3🔥2
Todo Tree — расширение для поиска слабых мест в коде по вашим комментариям

Задача этого расширения для VS Code в том, чтобы быстро найти в вашем коде комментарии, содержащие TODO и FIXME, а затем отобразить их в виде дерева на панели действий. Это позволяет отслеживать все места в коде, нуждающиеся в исправлении.

Скачать можно тут:

https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree

#vscode
👍15🔥1
Пишем код в стиле киберпанка

Для этого нам понадобится:

1. VS Code
2. Тема оформления SynthWave '84
3. Всё! Вы великолепны.

Тема SynthWave '84 добавляет ретростилистику и неоновое свечение вашему редактору кода. Как её установить можно посмотреть здесь:

https://github.com/robb0wen/synthwave-vscode

#vscode
👍27🥴11🔥5💩5🤡5🤮4👎2🤩2🤯1🤨1
5 советов продуктивной работы в VS Code

Если хотите выжать из вашего редактора кода максимум, то обратите внимание на эти советы. Они помогут вам поднять вашу продуктивность и сделать разработку приятнее:

https://nuancesprog.ru/p/16541/

#vscode
👍1
15 полезных расширений для VSCode, которые упростят разработку

VSCode позволяет очень гибко настроить его под ваши нужды, превращая его в, практически, IDE. В этой подборке собраны расширения, которые наверняка пригодятся веб-разработчикам:

https://tprg.ru/4SpV

#vscode
👍14
Подборка плагинов VS Code для разработки в 2023 году

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

У нас на сайте вышла статья про проверенные временем и делом плагины, которые помогут вам в решении множества задач:

https://tproger.ru/articles/podborka-plaginov-vs-code-dlya-razrabotki-v-2023-godu/

#vscode
👍12
This media is not supported in your browser
VIEW IN TELEGRAM
Подборка VS Code-плагинов для фронтенд-разработчиков

Плагины в Visual Studio Code представляют собой набор инструментов, которые различным способом способны упростить работу программиста. Например, плагин quokka.js — обеспечивает мгновенную отладку и вывод результатов javascript-выражений в реальном времени.

Если вы хотите ускорить процесс написания кода или избавиться от некоторых монотонных задач, то советуем вам прочитать данную статью:

https://habr.com/ru/articles/756782/

#vscode
🔥8👍1
​​В VSCode нашли расширения с вирусами и миллионами установок

Эксперты из Израиля обнаружили вредоносные расширения для Visual Studio Code (VSCode), установленные миллионами пользователей. Они позволяют злоумышленникам красть учетные данные, информацию о системе и устанавливать удаленные оболочки на компьютеры жертв.

В ходе анализа исследователи обнаружили следующие проблемы:
— Было выявлено 1283 расширения с известным вредоносным кодом, установленных 229 млн раз.
— 8161 расширение общается с жестко закодированными IP-адресами.
— 1452 расширения запускают неизвестные исполняемые файлы.
— 2304 расширения используют GitHub-репозитории неоригинальных издателей, что указывает на их подделку​.

Подробнее: https://tproger.ru/news/v-vscode-nawli-raswireniya-s-virusami-i-millionami-ustanovok

#vscode #безопасность
🤯14🔥11👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Old but gold: подборка VS Code-плагинов для фронтенд-разработчиков

Плагины в Visual Studio Code представляют собой набор инструментов, которые различным способом способны упростить работу программиста. Например, плагин quokka.js — обеспечивает мгновенную отладку и вывод результатов javascript-выражений в реальном времени.

Если вы хотите ускорить процесс написания кода или избавиться от некоторых монотонных задач, то советуем вам прочитать данную статью:

https://habr.com/ru/articles/756782/

#vscode
7👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Добавляем питомцев прямо в редактор кода

Они не только бегают по экрану, но и могут указывать на ошибки в коде. А ещё поднимут настроение, если проект никак не хочет билдиться.

Устанавливается просто, как обычный плагин. Инструкция тут: https://marketplace.visualstudio.com/items?itemName=tonybaloney.vscode-pets

#vscode #плагины
😁143🔥1🤣1
Несколько интересных функций и расширений для VS Code

Visual Studio Code — основной редактор кода у многих разработчиков. Он гибкий, производительный, универсальный и с богатой экосистемой. Я тоже пользуюсь именно им уже давно. И всегда приятно найти для него что-то полезное, что ещё больше облегчит разработку.

Недавно мне попалась хорошая подборка инструментов для VS Code. Что-то я уже использовал, про что-то рассказывал в канале отдельно, но, например, про VS Code Tunnels не знал и теперь буду пользоваться. Может и вы найдете тут что-то полезное для себя. Не поленитесь чекнуть по ссылке.

#vscode
🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
Если вы не представляете свою жизнь без VS Code, то теперь ещё меньше поводов покидать его

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

Забираем по ссылке.

#vscode #инструменты
👍176
This media is not supported in your browser
VIEW IN TELEGRAM
Дружеское напоминание всем пользователям VS Code

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

Сохраняйте и пользуйтесь!

#совет #vscode
👍40🔥103
Забавная статистика: только 1% разработчиков использует debug в VS Code

Платформа FlouState провела исследование, которое показало, что 99% пользователей VS Code предпочитают console.log() вместо встроенного отладчика.

После анализа 11 805 сессий 68 программистов за три месяца было обнаружено, что в 75% случаев разработчики не ставят брейкпоинты и только 15% используют отладчик чаше, чем раз в месяц.

А всё потому, что дебаггер настроить дольше, чем написать команду и запустить скрипт. Ну и просто привычка. Во всяком случае так считают исследователи.

А вы пользуетесь дебаггером в VS Code?
👍 — да
👎 — нет

#новость #vscode
👎131👍26😁3