Приготовьтесь начать свое путешествие по JavaScript! Мы рассмотрим этапы установки для Mac, а также я поделюсь некоторыми своими личными рекомендациями!
Терминал
Прежде всего, давайте познакомимся с терминалом Mac.
⌘ + пробел — откроется панель поиска Spotlight. Затем введите «Терминал» и нажмите Enter, чтобы открыть терминал.
Добро пожаловать в терминал! Вы будете использовать его для установки инструментов кодирования и запуска/отладки кода позже. Это может показаться старомодным, но поверьте мне, Терминал станет вашим лучшим другом в программировании.
Некоторые основные команды терминала, чтобы попробовать
pwd
: Печать текущего рабочего каталога.ls
: список содержимого текущего каталога.cd [directory_name]
: изменить текущий каталог на указанный каталог.mkdir [directory_name]
: Создать новый каталог с указанным именем.rmdir [directory_name]
: Удалить пустой каталог.rm [file_name]
: Удалить файл.cp [source_file] [destination_file]
: Скопируйте файл из источника в место назначения.mv [source_file] [destination_file]
: переместить или переименовать файл.touch [file_name]
: Создать новый пустой файл.cat [file_name]
: Показать содержимое файла в терминале.nano [file_name]
: Откройте файл в текстовом редакторе nano (или создайте новый файл, если он не существует).open [file_name]
: Откройте файл или каталог с помощью приложения по умолчанию.clear
: очистить экран терминала.history
: Показать список ранее выполненных команд.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
Загрузите файл на рабочий стол, и отсюда вы сможете следовать инструкциям мастера установки.
С пивом
- Откройте окно терминала
- Запустите эту команду
Brew install node
Сделанный! Вот почему я люблю пиво, оно просто заботится обо всем процессе.
Другой
Вот некоторые инструменты, которые я бы рекомендовал установить
- Iterm2 с oh-my-zsh и темой powerlevel10k
- Fira Code с включенными связками, этот шрифт действительно хорош
Программа «Здравствуй, мир»
Пришло время начать кодирование! Чтобы убедиться, что все работает, давайте создадим быструю программу и запустим ее с помощью нашего терминала.
Мы создадим простую программу в VSCode, которая выведет «Hello World» на консоль и запустит ее с помощью терминала.
console.log("Hello World");
Откройте свой терминал
cd Documents
— Перейдите в папку «Документы»mkdir helloWorld
— Создать рабочий каталогcd helloWorld
— Перейдите в только что созданный каталог.code .
— открыть каталог в VSCode с помощью командыcode
.
Лучшей практикой для именования файлов JavaScript является использование camelCase, где первое слово пишется строчными буквами, а каждое последующее слово — прописными.
В моем примере я назвал свой файл helloWorld
и добавил расширение .js: helloWorld.js
Введите код console.log("Hello World");
В терминале выполните node helloWorld.js
. Теперь вы должны увидеть сообщение «Hello World» в вашем терминале!
Я знаю, что эта программа очень проста, и результат пока не может быть ошеломляющим. Но не волнуйтесь, это только первый шаг в вашем захватывающем приключении с JavaScript! После того, как вы запустили и запустили эту программу «Hello World», вы готовы погрузиться в JavaScript, изучить новые концепции и весело провести время, не беспокоясь о выполнении своего кода!
Давайте подключим!
🌎 Линкедин | Гитхаб | Электронная почта 🌎
Пожалуйста, не стесняйтесь обращаться по любому из этих каналов. Я приветствую отзывы о моем содержании и написании! Также рассмотрите возможность подписаться на мою учетную запись Medium для регулярных статей о программировании.
Спасибо!