Приготовьтесь начать свое путешествие по JavaScript! Мы рассмотрим этапы установки для Mac, а также я поделюсь некоторыми своими личными рекомендациями!

Терминал

Прежде всего, давайте познакомимся с терминалом Mac.

⌘ + пробел — откроется панель поиска Spotlight. Затем введите «Терминал» и нажмите Enter, чтобы открыть терминал.

Добро пожаловать в терминал! Вы будете использовать его для установки инструментов кодирования и запуска/отладки кода позже. Это может показаться старомодным, но поверьте мне, Терминал станет вашим лучшим другом в программировании.

Некоторые основные команды терминала, чтобы попробовать

  1. pwd: Печать текущего рабочего каталога.
  2. ls: список содержимого текущего каталога.
  3. cd [directory_name]: изменить текущий каталог на указанный каталог.
  4. mkdir [directory_name]: Создать новый каталог с указанным именем.
  5. rmdir [directory_name]: Удалить пустой каталог.
  6. rm [file_name]: Удалить файл.
  7. cp [source_file] [destination_file]: Скопируйте файл из источника в место назначения.
  8. mv [source_file] [destination_file]: переместить или переименовать файл.
  9. touch [file_name]: Создать новый пустой файл.
  10. cat [file_name]: Показать содержимое файла в терминале.
  11. nano [file_name]: Откройте файл в текстовом редакторе nano (или создайте новый файл, если он не существует).
  12. open [file_name]: Откройте файл или каталог с помощью приложения по умолчанию.
  13. clear: очистить экран терминала.
  14. history: Показать список ранее выполненных команд.
  15. man [command_name]: Показать справочную страницу для указанной команды.

Домашний

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

В вашем терминале:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Следите за процессом установки, так как вам может потребоваться нажать Enter или ввести действие.

Примечание. Если вы используете M1 или любой другой процессор на базе ARM (M1, M2 и т. д.), вам может быть предложено ввести эти две команды после завершения установки.

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> ~/.zprofile

eval "$(/opt/homebrew/bin/brew shellenv)"

VSCode

Перейдите на официальный сайт VSCode и нажмите кнопку Download Mac Universal.

Сохраните установочный файл на рабочий стол.

Затем разархивируйте файл, дважды щелкнув по нему. Вы должны увидеть приложение VSCode. Откройте Finder и поместите VSCode в папку «Приложения».

Вуаля! Вы установили VSCode. Я рекомендую установить команду «код» в PATH, чтобы вы могли открывать папки/каталоги с вашего терминала, используя ключевое слово «код».

В VSCode:

Нажмите Command + Shift + P

введите code и нажмите install ‘code’ command in PATH

Вам может быть предложено ввести пароль. Как только вы это сделаете, вы должны увидеть сообщение «успешно установлено». Это позволит нам открыть папку/каталог с нашего терминала, используя ключевое слово code.

Пример в тестовом каталоге test запустите code ., чтобы открыть корневой каталог в VSCode

Отсюда мы можем начать писать код!

Узел

Вы можете установить Node с Brew или без него. Прочтите оба метода, прежде чем выбрать один.

Без пива

Сначала зайдите на официальный Node Website

Нажмите на кнопку macOS Installer

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

С пивом

  1. Откройте окно терминала
  2. Запустите эту команду Brew install node

Сделанный! Вот почему я люблю пиво, оно просто заботится обо всем процессе.

Другой

Вот некоторые инструменты, которые я бы рекомендовал установить

  1. Iterm2 с oh-my-zsh и темой powerlevel10k
  2. Fira Code с включенными связками, этот шрифт действительно хорош

Программа «Здравствуй, мир»

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

Мы создадим простую программу в VSCode, которая выведет «Hello World» на консоль и запустит ее с помощью терминала.

console.log("Hello World");

Откройте свой терминал

  1. cd Documents — Перейдите в папку «Документы»
  2. mkdir helloWorld — Создать рабочий каталог
  3. cd helloWorld — Перейдите в только что созданный каталог.
  4. code . — открыть каталог в VSCode с помощью команды code.

Лучшей практикой для именования файлов JavaScript является использование camelCase, где первое слово пишется строчными буквами, а каждое последующее слово — прописными.

В моем примере я назвал свой файл helloWorld и добавил расширение .js: helloWorld.js

Введите код console.log("Hello World");

В терминале выполните node helloWorld.js. Теперь вы должны увидеть сообщение «Hello World» в вашем терминале!

Я знаю, что эта программа очень проста, и результат пока не может быть ошеломляющим. Но не волнуйтесь, это только первый шаг в вашем захватывающем приключении с JavaScript! После того, как вы запустили и запустили эту программу «Hello World», вы готовы погрузиться в JavaScript, изучить новые концепции и весело провести время, не беспокоясь о выполнении своего кода!

Давайте подключим!

🌎 Линкедин | Гитхаб | Электронная почта 🌎

Пожалуйста, не стесняйтесь обращаться по любому из этих каналов. Я приветствую отзывы о моем содержании и написании! Также рассмотрите возможность подписаться на мою учетную запись Medium для регулярных статей о программировании.

Спасибо!