Публикации по теме 'vscode'


Настройте VSCode с помощью REACT_EDITOR (или любого редактора)
Когда возникает ошибка с приложением, созданным с помощью приложения Create React, экран ошибки очень полезен. Вы даже можете нажать на ошибку в браузере, чтобы сразу перейти к строке кода внутри вашего редактора! Но вы должны настроить свой редактор, иначе вы увидите ошибку ниже. Ошибка консоли: Could not open SomeFile.js in the editor. To set up the editor integration, add something like REACT_EDITOR=atom to the .env.local file in your project folder and restart the..

🔥 Что нового в веб-разработке? — Еженедельный выбор #126
🌟 На этой неделе у нас есть отличный контент для веб-разработки, расширения VS Code, новые продукты и даже бесплатные книги! Это отличный шанс поблагодарить всех замечательных разработчиков, которые работают в эти трудные времена над созданием этого невероятного контента. 🙌 Итак, давайте начнем. 1️⃣ 10 практических трюков с JavaScript 📝 Понятный список приемов JavaScript, которые вы можете сразу реализовать в своем проекте . Даже если вы думаете, что знаете все о javascript,..

Моя настройка VSCode
Поскольку в таких блогах, как Дзен программирования и Сообщество разработчиков 👩‍💻👨‍💻 , есть такие сообщения, я чувствую, что хочу дать свою оценку 🔥. VSCode: Темы Моя текущая тема — Мрак , потому что она красивая и имеет лучший баланс контраста и крутости. У меня также есть стандартный Monokai, Cobalt2 , nightowl и level-up-vscode-theme , который является моим вторым любимым. Расширения У меня много расширений. Давайте просто уберем это с пути. Я знаю, что..

Самый простой способ динамически создавать иконки во флаттере.
При использовании флаттера нам иногда нужно создать множество значков с похожими свойствами. Хотя есть много способов сделать это, но мы всегда хотим использовать передовой опыт и более эффективный способ кодирования. Посмотрим, как мы сможем это сделать. Один из самых простых способов - использовать виджет «Иконки» и нарисовать иконку в нашем приложении. Вот фрагмент кода, показывающий, как это можно сделать обычным способом: - return Container( child: Row( mainAxisAlignment:..

Окончательная установка VSCode для JS / React
Обновлено в феврале 2020 г. Мой пост The Ultimate Atom Editor Setup (+ for JS / React) довольно популярен, но не так давно я перешел на VSCode . Почему? Скорость, стабильность и TypeScript. В целом я очень доволен переходом. Как и в случае с Atom, для меня в готовом редакторе есть много недостающих функций. Однако он покрывается расширениями. Я разделил этот список на специальные расширения Утилиты и HTML / CSS / JS / React , отсортированные в алфавитном порядке...

Как автоматически сортировать импорт в TypeScript в VS Code
Убирайте этот беспорядок импорта каждый раз, когда вы сохраняете, за 3 простых шага с помощью бесплатного расширения TypeScript Import Sorter. Вы когда-нибудь задумывались о том, что нет правильного или фиксированного порядка для использования операторов импорта в ваших файлах JavaScript? Стоит ли прикреплять модуль CSS-in-JS import вверху, или это то, куда идет ваш импорт React? А как насчет внутренних зависимостей? Я уже давно использую замечательное расширение Headwind..

Как ускорить веб-разработку?
В этой статье я расскажу о наборе сокращений кода VS, которые мне нравятся, например, emmet, пользовательских фрагментах кода и расширениях, которые помогают мне ускорить мою веб-разработку. Эммет Emmet — это действительно мощный инструмент, уже встроенный в ваш код VS, который может помочь вам написать много строк HTML-кода в одной строке. Давайте посмотрим, как быстро мы можем добавить один тег div с классом Container , используя сочетания клавиш emmet. Все, что нам нужно..