Автор оригинала: Michael Uloth.
Хотя вы можете построить базовые веб-сайты без всего, чем текстовый редактор и браузер, вы можете захотеть до вашей игры, добавив JavaScript Framework, как Реагировать или Vue и полезные инструменты, такие как Гит на ваш рабочий процесс.
Но ждать! Ваш Mac не готов. Перед дайвингом вам нужно будет установить несколько предметов, чтобы спасти вас от запутанных ошибок позже. ?
Эта статья проведет вас через минимальную настройку, вам необходимо встать и работать с помощью веб-разработки на основе JavaScript на вашем Mac.
Пойдем!
Обновите свой Mac
Перед установкой любого нового программного обеспечения, следуйте за помощью Эти инструкции От Apple, чтобы обновить MacOS и ваше текущее программное обеспечение до последней версии.
Выберите Terminal App
Поскольку вы будете взаимодействовать с вашим Mac с помощью командной строки в этой статье, вам понадобится приложение Terminal.
Любое из следующих возможностей хорошие варианты:
- Гипер
- ITERM2.
- Визуальный студийный код Интегрированный терминал
- Терминал (приложение по умолчанию, которое поставляется с вашим Mac)
Если вы не уверены, какой из них выбрать, выберите Hyper.
Инструменты разработчика командной строки
Первое, что вам нужно установить из командной строки, это ваш Mac’s Инструменты разработчика командной строки Отказ Установка их теперь предотвратит Странные ошибки потом.
Чтобы проверить, будут ли инструменты уже установлены, введите следующую команду в приложении к терминалу и нажмите Return:
xcode-select --version
Если результат не является номером версии, установите инструменты с помощью этой команды:
xcode-select --install
Появится диалоговое окно с заданием, если вы хотите установить инструменты. Нажмите Установить И пакет загрузится и устанавливает сам.
Когда установка отделки, подтвердите, что инструменты теперь устанавливаются путем Rerunning первой команды:
xcode-select --version
Результатом теперь должен быть номер версии.
Домашний
Вместо того, чтобы установить следующие несколько инструментов, перейдем на веб-сайт каждого инструмента, найдя страницу загрузки, нажав ссылку загрузки, расстегнув файлы, и вручную запущенную установщик, мы собираемся использовать Домашний вид Отказ
Домашний вид Это инструмент, который позволяет устанавливать, обновлять и удалять программное обеспечение на вашем Mac из командной строки. Это быстрее и безопаснее чем руководящий подход и, как правило, облегчает жизнь вашего развития.
Во-первых, проверьте, установлен ли домонтирование:
brew --version
Если вы не увидите номер версии, установите домонтирование с помощью этой команды:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
Я обещаю, что это самая странная команда, которую вы увидите в этой статье! ? Благодаря домому, остальные простые.
Прежде чем двигаться дальше, подтвердите домой теперь устанавливается:
brew --version
Узел и НПМ
Node.js это инструмент, который позволяет вашему Mac запустить код JavaScript за пределами веб-браузера. Если вы хотите запустить JavaScript Framework, например, React или Vue на Mac, вам нужно установить узел.
Узел также включает NPM (Manager Unode Package), который дает вам доступ к гигантской библиотеке бесплатного кода, вы можете загружать и использовать в своих проектах.
Во-первых, проверьте, установлен ли узел:
node --version
Если нет, установите его с помощью доморяда:
brew install node
Наконец, подтвердите узел и NPM теперь устанавливаются:
node --version
npm --version
Управление версией с Git
Гит это инструмент, который помогает вам отслеживать изменения в свой код и работать с другими разработчиками на общих проектах.
Использование GIT на каждом проекте является отличной привычкой для разработки и подготовит вас к будущим проектам, где может потребоваться гит. Некоторые инструменты (например, GATSBYJS ) также зависят от установки Git на вашем Mac, поэтому вам нужно, даже если вы не планируете добавить его в свой рабочий процесс.
Еще раз начните с проверки, если Git уже установлен:
git --version
Если нет, установите его:
brew install git
И подтвердить установку работать:
git --version
Время от времени запустите следующую команду и все, что вы установили с домой, автоматически обновит:
brew update && brew upgrade && brew cleanup && brew doctor
Эта команда – это все, что вам нужно, чтобы ваша система актуальна. ?
Я обычно бегу, когда начинаю новый проект, но не стесняйтесь делать это, когда вам нравится. (Когда вы запускаете эту команду, если Homebrew предлагает дополнительные команды для вас, чтобы запустить, продолжать и запустить их. Если команда начинается с Sudo. И вам будет предложено пароль, используйте пароль администратора Mac.)
Это это для командной строки!
Редактор кода
Хотя вы можете записать код в любом текстовом редакторе, используя тот, который выделяет и проверяет ваш код, сделает вашу жизнь намного проще.
Любое из следующих возможностей хорошие варианты:
Если вы просто начните, выберите «Визуальный студийный код».
Браузер
Когда вы кодируете, это помогает просматривать приложение или веб-сайт, который вы строят в браузере, чтобы подтвердить, что он работает. Хотя вы можете использовать любой браузер для этого, некоторые включают в себя дополнительные инструменты разработчика, которые показывают вам подробную информацию о вашем коде и как его улучшить.
Любое из следующих являются хорошими вариантами:
Если вы просто начинаете, выберите Chrome.
Искатель
Быстрый совет здесь: вы захотите показать файлы, которые по умолчанию скрывают файлы. (Например, файлы GIT автоматически скрываются, но иногда вы захотите редактировать их.)
Самый простой способ показать скрытые файлы Mac Mac, с ярлыком клавиатуры ⌘⇧. (Команда + сдвиг + период). Это будет чередоваться между показом и скрывать эти файлы, чтобы вы могли получить доступ к ним, когда они нуждаются в них.
Заключение
Вы все настроили! ?
Это все, что вам нужно, чтобы встать и бежать с помощью функциональной разработки на основе JavaScript на вашем Mac.
Чтобы предотвратить путаницу, я оставил любые предметы, которые не требуются строго. Если вы хотите погрузиться глубже в необязательные способы, вы можете дополнительно настроить ваш Mac для веб-разработки, посмотрите ссылки ниже.
Дальнейшее чтение
- Настройка совершенно нового Mac для разработки Tania Rascia
- Настройка MacBook для интерфейсного развития By Ben Honeywill
- Оставляя усадьба: нахождение лучшего всестороннего местного развития местный развитие Webdevstudios (если вам нужна настройка PHP)
Обсудить в Twitter
Первоначально опубликовано michaeluloth.com .
Оригинал: “https://www.freecodecamp.org/news/how-to-set-up-your-mac-for-web-development-b40bebc0cac3/”