Публикации по теме '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.
Все, что нам нужно..