Привет, кодеры!

Я Люк, и я разработчик Flutter. Вот моя установка 😉

Как штатный разработчик Flutter, имеющий несколько лет хорошего коммерческого опыта, я могу сказать, что хорошая среда - это то, что может значительно повысить вашу продуктивность!

VSCode - моя интегрированная среда разработки (IDE).

Для меня стало неожиданностью, насколько я полюбил бы Microsoft Visual Studio Code. Вы знаете… Microsoft. Гибкость этого инструмента замечательна. Я запрограммировал использовать его с PHP, JavaScript, Typescript, Dart, Go, Bash и т. Д. (HTML и CSS - не включены). Даже не то, что он может поддерживать ВСЕ языки, но он также может поддерживать ВСЕ фреймворки. Он управляется сообществом, поэтому нам решать, каковы его особенности!

Теперь! Верно! Как Flutter работает с VSCode?

Для тех, кто только начинает программировать и не знаком с этой IDE.

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

Для Flutter есть два основных: Dart и Flutter. Без них программирование на Dart (языке, на котором написан фреймворк Flutter) невозможно.

Существуют также сотни и сотни расширений, которые улучшат ваш опыт программирования. Вот мои:

Потрясающие фрагменты Flutter

Без этого парня я бы потратил 20% своей жизни на написание шаблонного кода. Просто набрав:

statelessW

..и нажав Enter, мы получаем этот красивый виджет без сохранения состояния:

Стоит отметить, что после кода, генерации выделяется слово имя как в имени класса, так и в конструкторе, и мы можем продолжить присвоение имени этому виджету. Awesome Flutter Snippets поставляется с более чем 30 похожими сочетаниями клавиш для генерации кода. Все они находятся здесь.

Фрагмент провайдера Flutter

Если вы используете провайдера, вам обязательно нужно попробовать Flutter Provider Snippets, который очень похож на расширение Awesome Flutter Snippets, но предоставляет ярлыки, чтобы сделать рабочий процесс вашего провайдера максимально быстрым! Ссылка здесь.

Брекет-пара Colorizer 2

Я могу сказать это слишком много раз в этой статье, но мне нравится это расширение. Bracket Pair Colorizer 2 очень простой, но мощный.

Представьте, что у вас есть всякая сложная структура виджетов, подобная приведенной выше. Соединить эти скобки вместе практически невозможно. Но с помощью пары скобок с цветовой кодировкой это возможно! Это расширение также спасло мне несколько часов моей жизни, поэтому мой мозг, жаждущий эффективности, удовлетворен 😜

изменить регистр

Сопоставление ответа серверной части JSON с объектом Flutter иногда требует изменения this_awesome_id на thisAwesomeId или наоборот, это зависит от вашего варианта использования. В любом случае использовать для этого мышь очень неэффективно. Вот почему я использую плагин смены регистра. После его установки выделите текст, который хотите изменить, затем откройте палитру команд и выберите команду подгонки.

Копировать Копировать Вставить

Это обязательно! Я познакомился с этой функцией, когда использовал PhpStorm, и теперь не могу представить, как уйду без нее. Этот плагин в основном хранит вашу историю буфера обмена и предоставляет вам модальное окно, в котором вы можете выбрать или найти то, что хотите вставить. Чтобы увидеть это, вы набираете shift + ctrl + v / shift + cmd + v.

Вот полный список моих плагинов, связанных с флаттером и продуктивностью:

Вы можете скачать их, выполнив поиск в vscode, или воспользоваться ссылками выше.

Несколько последних слов…

Убедитесь, что вы ИСПОЛЬЗУЕТЕ устанавливаемые плагины. Если вы что-то устанавливаете и никогда не используете - немедленно удалите.

Разработка программного обеспечения иногда очень однообразна - вам нужно создать одинаковые файловые структуры или написать какой-то шаблонный код. Биллу Гейтсу часто приписывают цитату:

«Я всегда буду выбирать ленивого человека для выполнения сложной работы, потому что ленивый человек найдет легкий способ сделать это».

Итак, я хочу, чтобы вы запомнили: Лень, когда это необходимо.

Если вы это читаете - спасибо, вы молодец!

Обязательно подпишитесь на меня в Medium и Twitter.

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

ДАВАЙТЕ код пребудет с вами!

Люк

Вот предыдущие статьи из этой серии: