Возьмите вас за руку с домашней страницей NetEase Cloud Music — Инструменты

внешний интерфейс iOS
Возьмите вас за руку с домашней страницей NetEase Cloud Music — Инструменты

«Эта статья участвовала в мероприятии Haowen Convocation Order, щелкните, чтобы просмотреть:Заявки на бэк-энд и фронт-энд с двумя треками, призовой фонд в 20 000 юаней ждет вас, чтобы бросить вызов! "

предисловие

Как говорится: если рабочий хочет хорошо работать, он должен сначала наточить свои инструменты. Для программиста важна способность писать код, но просто уметь набирать код — это слишком, поэтому мы должны научиться использовать существующие вокруг нас высокоэффективные инструменты разработки, чтобы помочь в разработке, чтобы достичь эффект получения вдвое большего результата при вдвое меньших усилиях. На данный момент я написал 4 руководства по созданию домашней страницы NetEase Cloud Music, ссылки на которые приведены ниже:

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

PS: В этой статье нет руководств по использованию этих средств разработки. Если вы хотите узнать больше, вы можете посмотреть видеоуроки на YouTube или на станции B.

Sketch

image

SketchЭто легкий и простой в использовании инструмент для векторного дизайна. Мы можем использовать его для разработки прототипа приложения, а затем загрузить черновик дизайна в Blue Lake (я представлю его ниже), а также мы можем использовать его для создания сокращений @2x, @3x.

image

ссылка для скачивания

Голубое озеро

image

Голубое озероЭто платформа для обмена документами по продуктам и проектными чертежами, которая имеет следующие преимущества:

  • Он поддерживает маркировку.По сравнению с другими инструментами маркировки, его функция маркировки лучше, чем у всех остальных, и даже имеет функцию автоматического сжатия вырезанных изображений.
  • Он объединяет функции отображения процесса перехода проектного чертежа, управления исторической версией проектного чертежа и управления проектным чертежом в различных состояниях.
  • После экспорта проектного чертежа из Sketch и PS вы можете быстро создать высокоточный интерактивный прототип на основе проектного чертежа непосредственно в Blue Lake, чтобы инженерам не приходилось бегать, чтобы спросить вас, «куда эта кнопка переходит на ?» Предварительный просмотр, управление и публикация в WeChat.
  • Поддержка Word / Excel / PPT / PDF онлайн-просмотра и совместного использования.
  • Члены команды могут быть автоматически уведомлены об обновлении схемы проекта или @@ в обсуждении, а также поддерживается WeChat push.
  • Оценка и управление членами и разрешениями команды обеспечивает точность и безопасность проекта проекта.
  • Его можно развернуть на сервере вашей собственной компании, что не только быстрее, но и полностью устраняет угрозу безопасности файлов, таких как проектные чертежи.

image

ссылка для скачивания

Figma

image

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

FigmaОн также предоставляет множество мощных функций, инженеры могут экспортировать дизайн в код любой необходимой им платформы (включая стили CSS, iOS, Android), а дизайн и совместная работа могут выполняться одновременно, любой может быть в любом месте в процессе проектирования. отметить и прокомментировать.

ссылка для скачивания

iconFont

image

iconFontЭто библиотека векторных значков, предоставляемая Alibaba, которая может предоставить пользователям такие функции, как загрузка, онлайн-хранилище и преобразование формата векторных значков. Если вас беспокоит отсутствие подходящего векторного материала, вы можете зайти на этот сайт для поиска, вас могут ждать неожиданные сюрпризы!

Postman

image

PostmanЭто мощный инструмент для разработки и тестирования API. С его помощью вы можете быстро и легко отправлять запросы REST, SOAP и GraphQL. При отладке интерфейса с сервером мы можем использовать этот инструмент для имитации сетевого запроса и проверки возвращаемых данных, чтобы убедиться, что интерфейс подключен.

ссылка для скачивания

Sublime Text

image

Sublime TextЯвляется мощным кроссплатформенным редактором. Только из-за интерфейса он очень прост, и можно сказать, что он заставляет людей влюбляться в него с первого взгляда, что полностью соответствует вкусу фермеров кода~~.

Sublime TextПредоставляет способ установки плагинов, вы можете установить любые плагины, которые хотите, а функции достаточно мощные, чтобы их можно было суммировать в одном предложении: «Только вы не можете думать об этом, вы не можете сделать это без Это". Он поддерживает кроссплатформенность, размер пакета небольшой, Sublime занимает очень мало памяти и работает очень быстро! Он может отображаться на нескольких экранах, а редактор Sublime Text может отображать несколько экранов, что удобно для вас, чтобы писать и просматривать соответствующий код документа.Если ваш экран достаточно большой, чтобы разрабатывать на четырех экранах одновременно, работа эффективность можно охарактеризовать как большую~. Также можно быстро писать код.Если установить возвышенный редактор с плагином emmet, то скорость написания html беспрецедентная, и целый абзац html можно скомпилировать за три-пять раз.

ссылка для скачивания

XMind

image

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

  • Это очень практичное программное обеспечение для составления карт разума, эффективное и простое в использовании программное обеспечение для визуального мышления.
  • С помощью XMind мозговой штурм можно проводить в любое время, чтобы помочь людям быстро разобраться в своих идеях.
  • Он может рисовать интеллект-карты, диаграммы «рыбий скелет», двумерные диаграммы, древовидные диаграммы, логические диаграммы, организационные диаграммы и т. д.
  • Вы можете напрямую экспортировать готовую интеллект-карту в Word, Excel, pdf, PPT и т. д.

ссылка для скачивания

Iterm2

image

iTerm2Это инструмент командной строки, используемый для замены системного терминала, и его функции намного мощнее, чем у родной терминальной программы. Мы можем установить фоновое изображение для iTerm2 и разделить его на несколько окон для использования, чтобы оно выглядело намного выше.

ссылка для скачивания

GitHub Desktop

image

GitHub DesktopЭто официальный инструмент синхронизации кода GitHub. Думаю, все с ним хорошо знакомы. Как и с Source Tree, я не буду его здесь представлять!

image

ссылка для скачивания

говорить в конце

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

Прошлые статьи:

Пожалуйста, выпейте ☕️ Нравится + Подпишитесь~

  1. Не забудьте поставить лайк после прочтения, есть 👍 и мотивация

  2. Обратите внимание на общественный номер ---HelloWorld Цзе Шао, первый раз подтолкнуть новую позу

Наконец, создание не простое. Если оно будет полезно всем, я надеюсь, что оно всем понравится и поддержит его. Если у вас есть какие-либо вопросы, вы также можете обсудить это в области комментариев 😄～

Категории