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

  • Современный редактор - VSCode или Atom.
  • Nodejs - используется в продуктах и ​​инструментах на основе Javascript.
  • Yarn - популярный пакетный менеджер для NodeJS (лучше, чем NPM)
  • Python - современный скриптовый язык, используемый для многих типов проектов.
  • GIT - инструмент командной строки, используемый для загрузки исходников с Github
  • Gulp - инструментарий для автоматизации повторяющихся задач.

VSCode

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

  • VSCode - официальный сайт
  • VSCode - страница загрузки

Атом

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

Готово к Github. Пакет GitHub уже связан с Atom. Создавайте новые ветки, выполняйте этапы и фиксируйте, отправляйте и вытягивайте, разрешайте конфликты слияния, просматривайте запросы на включение и т. д. - и все это прямо в редакторе.

  • Атом - официальный сайт
  • Атом - репозиторий Github

NodeJS

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

Чтобы начать работу с Node, зайдите на официальный сайт и загрузите версию, совместимую с вашей операционной системой.

  • NodeJS - официальный сайт
  • NodeJS - страница загрузки

Пряжа

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

Другими словами, Yarn - это заменитель для NPM команд, как показано ниже:

$ npm install
// OR
$ yarn
-------------------------
$ npm run start
// OR 
$ yarn start

Yarn использует оптимизированный рабочий процесс для получения пакетов с помощью локального пакета (если он доступен). Для получения дополнительной информации посетите ГЛАВНУЮ СТРАНИЦУ проекта:

Python

Python - это язык программирования общего назначения - это означает, что, в отличие от HTML, CSS и JavaScript, он может использоваться для других типов программирования и разработки программного обеспечения, помимо веб-разработки. Python интерпретируется, его легко изучать, он окружен огромной экосистемой, активно поддерживается и используется во многих отраслях и областях. Может использоваться для таких вещей, как (начиная с простых):

  • Базовое программирование: использование строк, добавление чисел, открытие файлов
  • Написание системных скриптов (создание инструкций, которые говорят компьютерной системе что-то «делать»)
  • Back-end (или серверная) разработка веб-приложений и мобильных приложений
  • Разработка настольных приложений и программного обеспечения
  • Обработка больших данных и выполнение математических вычислений

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

$ python --version
Python 3.7.2 <-- All Good

GIT

Git - это бесплатная распределенная система управления версиями с открытым исходным кодом, предназначенная для быстрой и эффективной обработки всего, от небольших до очень крупных проектов. Используя GIT, мы можем легко клонировать / загружать и управлять проектами из Github и BitBucket.

  • ГИТ - официальный сайт
  • GIT - страница загрузки

Чтобы проверить установку, откройте терминал и введите git --version:

git --version
git version 2.28.0.windows.1 <-- All Good

Создайте образец проекта

Чтобы сделать это короткое руководство полезным, мы создадим в локальной среде популярный проект с открытым исходным кодом от Creative-Tim: Material Kit (бесплатная версия) с несколькими командами, введенными в терминале. Material Kit - это бесплатный набор пользовательского интерфейса для Bootstrap 4 со свежим новым дизайном, вдохновленным материальным дизайном Google.

Чтобы собрать этот удивительный продукт локально, мы выполним простую настройку: клонируем исходники из общедоступного репозитория (Github), устанавливаем модули и запускаем шаблон. Пойдем!

Шаг №1. Клонируйте исходные файлы.

$ git clone https://github.com/creativetimofficial/material-kit.git
$ cd material-kit

Шаг 2 - установите зависимости проекта (это может занять некоторое время)

$ npm install

Шаг № 3 - запуск проекта

$ npm run start

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

Ссылки и ресурсы