Итак, вы выполнили несколько задач по коду и готовы приступить к локальной разработке. Вариантов так много, что большинство новичков понятия не имеют, с чего начать. Редакторы, плагины, менеджеры пакетов…
Вот что мне нравится использовать и как это настроить.
Менеджеры пакетов
Эти вещи экономят массу времени и усилий. Это позволяет нам установить несколько довольно мощных инструментов с помощью нескольких строк кода. Первое, что вам понадобится, это 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 месяца.