Итак, вы выполнили несколько задач по коду и готовы приступить к локальной разработке. Вариантов так много, что большинство новичков понятия не имеют, с чего начать. Редакторы, плагины, менеджеры пакетов…

Вот что мне нравится использовать и как это настроить.

Менеджеры пакетов

Эти вещи экономят массу времени и усилий. Это позволяет нам установить несколько довольно мощных инструментов с помощью нескольких строк кода. Первое, что вам понадобится, это Homebrew. Откройте свой терминал и введите

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Как только это будет сделано, мы можем перейти к NodeJS. Теперь, когда у нас установлен Homebrew, достаточно ввести это в терминале:

brew install node

Это устанавливает важнейший NodeJS вместе с диспетчером пакетов узлов.

База данных и контроль версий

Вам понадобится место для хранения файлов в более поздних проектах. Итак, давайте установим базу данных Mongodb.

brew install mongodb

Теперь мы можем перейти к Git, который вы будете использовать позже, чтобы загрузить свой код в Github для контроля версий.

brew install git

Бац! Теперь у вас все в порядке!

Наделение вашего терминала сверхспособностями

По мере развития навыков вы будете проводить все больше и больше времени в Терминале. Пока мы здесь, давайте настроим вас с помощью ZSH и Oh-My-ZSH - обновленной оболочки и фреймворка, которые значительно упростят использование терминала.

brew install zsh zsh-completions

тогда

sh -c “$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

Теперь вы можете закрыть свой терминал. Легко, правда?

Редактор кода

Теперь давайте настроим ваш редактор кода.

Скачать код VSCode ЗДЕСЬ

Откройте архив, перетащите Visual Studio Code.app в папку «Приложения» и откройте его. Нажмите SHIFT + CMD + P, введите shell command и щелкните «Shell Command: Install‘ code ’command in PATH».

Нажмите кнопку "Расширения".

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

Вот плагины, которые я рекомендую…

Плагины

Автоматическое закрытие тега

Автоматически добавлять закрывающий тег HTML / XML так же, как в Visual Studio IDE или Sublime Text.

Автоматическое переименование тега

Автоматически добавлять закрывающий тег HTML / XML так же, как в Visual Studio IDE или Sublime Text.

Раскраска парных скобок

Автоматически добавлять закрывающий тег HTML / XML так же, как в Visual Studio IDE или Sublime Text.

Отладчик для Chrome

Расширение VS Code для отладки вашего кода JavaScript в браузере Google Chrome или других целях, поддерживающих Chrome DevTools Protocol.

ESLint

Интегрирует ESLint в VS Code. Если вы новичок в ESLint, проверьте документацию.

GitLens

GitLens расширяет возможности Git, встроенные в Visual Studio Code. Он помогает визуализировать авторство кода с первого взгляда с помощью аннотаций Git виноват и линзы кода, беспрепятственно перемещаться и исследовать репозитории Git, получать ценную информацию с помощью мощных команд сравнения и многое другое.

Стоимость импорта

Это расширение будет отображать в редакторе в строке размер импортированного пакета. Расширение использует webpack с babili-webpack-plugin для определения импортированного размера.

Рефакторинг JS

JS Refactor - это автоматический инструмент рефакторинга Javascript для кода Visual Studio, созданный для сглаживания и оптимизации процесса разработки. Он предоставляет обширный список автоматических действий, включая обычно необходимые: метод извлечения, извлечение переменной, встроенную переменную и псевдоним для встроенного переименования кода VS. JS Refactor также поддерживает множество общих фрагментов и связанных действий для обертывания существующего кода в общие выражения блоков.

Вот и все! Вы все настроили и готовы к локальному программированию. Если вам нужна дополнительная информация о программировании на JavaScript. Я очень рекомендую заглянуть в Treehouse. Их диплом Full Stack Javascript Techdegree поможет вам подготовить работу всего за 3 месяца.