Эта страница призвана помочь новичкам настроить свой компьютер для программирования. Все рекомендуемые инструменты бесплатны, стабильны и широко используются даже опытными программистами и дизайнерами. В конце концов, мы создадим популярный проект с открытым исходным кодом, используя загруженные инструменты - Спасибо за внимание!
- Современный редактор - VSCode или Atom.
- Nodejs - используется в продуктах и инструментах на основе Javascript.
- Yarn - популярный пакетный менеджер для NodeJS (лучше, чем NPM)
- Python - современный скриптовый язык, используемый для многих типов проектов.
- GIT - инструмент командной строки, используемый для загрузки исходников с Github
- Gulp - инструментарий для автоматизации повторяющихся задач.
VSCode
Это программное обеспечение необходимо нам для визуализации и редактирования источников, выполнения наших проектов и исследования проблем, которые могут возникнуть в процессе программирования.
Атом
Популярный текстовый редактор с открытым исходным кодом для разработчиков с современным пользовательским интерфейсом, легко настраиваемым и быстрым.
Готово к Github. Пакет GitHub уже связан с Atom. Создавайте новые ветки, выполняйте этапы и фиксируйте, отправляйте и вытягивайте, разрешайте конфликты слияния, просматривайте запросы на включение и т. д. - и все это прямо в редакторе.
NodeJS
Установка NodeJS открывает доступ к огромной экосистеме, которая предоставляет множество инструментов и библиотек, которые мы можем использовать в наших проектах:
- Для кодирования веб-страниц: React, Vue, Svelte
- Бэкэнд: Экспресс, Fastify, Коа
- Инструменты: Gulp, Webpack
Чтобы начать работу с Node, зайдите на официальный сайт и загрузите версию, совместимую с вашей операционной системой.
Пряжа
Yarn - это менеджер пакетов, который выполняет функции менеджера проекта. Независимо от того, работаете ли вы над одноразовыми проектами или над крупными монорепортажами, любитель или корпоративный пользователь, мы поможем вам.
Другими словами, Yarn - это заменитель для NPM
команд, как показано ниже:
$ npm install // OR $ yarn
-------------------------$ npm run start // OR $ yarn start
Yarn использует оптимизированный рабочий процесс для получения пакетов с помощью локального пакета (если он доступен). Для получения дополнительной информации посетите ГЛАВНУЮ СТРАНИЦУ проекта:
- Пряжа - официальный сайт
- NPM vs Yarn - всестороннее сравнение
Python
Python - это язык программирования общего назначения - это означает, что, в отличие от HTML, CSS и JavaScript, он может использоваться для других типов программирования и разработки программного обеспечения, помимо веб-разработки. Python интерпретируется, его легко изучать, он окружен огромной экосистемой, активно поддерживается и используется во многих отраслях и областях. Может использоваться для таких вещей, как (начиная с простых):
- Базовое программирование: использование строк, добавление чисел, открытие файлов
- Написание системных скриптов (создание инструкций, которые говорят компьютерной системе что-то «делать»)
- Back-end (или серверная) разработка веб-приложений и мобильных приложений
- Разработка настольных приложений и программного обеспечения
- Обработка больших данных и выполнение математических вычислений
Python можно скачать с официального сайта. Выберите установщик для своей операционной системы, загрузите и щелкните несколько раз.
$ python --version
Python 3.7.2 <-- All Good
GIT
Git - это бесплатная распределенная система управления версиями с открытым исходным кодом, предназначенная для быстрой и эффективной обработки всего, от небольших до очень крупных проектов. Используя GIT, мы можем легко клонировать / загружать и управлять проектами из Github и BitBucket.
Чтобы проверить установку, откройте терминал и введите git --version
:
git --version
git version 2.28.0.windows.1 <-- All Good
Создайте образец проекта
Чтобы сделать это короткое руководство полезным, мы создадим в локальной среде популярный проект с открытым исходным кодом от Creative-Tim: Material Kit (бесплатная версия) с несколькими командами, введенными в терминале. Material Kit - это бесплатный набор пользовательского интерфейса для Bootstrap 4 со свежим новым дизайном, вдохновленным материальным дизайном Google.
- Комплект материалов - страница товара
- Material Kit - Живая демонстрация
Чтобы собрать этот удивительный продукт локально, мы выполним простую настройку: клонируем исходники из общедоступного репозитория (Github), устанавливаем модули и запускаем шаблон. Пойдем!
Шаг №1. Клонируйте исходные файлы.
$ git clone https://github.com/creativetimofficial/material-kit.git
$ cd material-kit
Шаг 2 - установите зависимости проекта (это может занять некоторое время)
$ npm install
Шаг № 3 - запуск проекта
$ npm run start
Если все пойдет хорошо, мы должны увидеть, что в браузере запущен стартовый пакет материалов:
Ссылки и ресурсы
- Бесплатные React Dashboards - тщательно подобранный список, опубликованный на Dev.to
- Дашборды с открытым исходным кодом, предоставленные AppSeed