Технический стек разработчика с полным стеком 2021
Фронт-энд: HTML, CSS, JavaScript, TypeScript, React, React Native, Redux, Flutter/Dart
Бэк-Энд: Python, Nodejs, SQL, NOSQL, Kotlin
Передавать файлы
Либо используйте решение для резервного копирования облака для восстановления ваших данных, либо используйте внешнее устройство хранения для передачи файлов на новый компьютер.
Установите веб -браузеры
Гугл Хром
Google Chrome Canary
Fire Fox
Firefox Developer Edition
Firefox ночью
Предварительный просмотр технологий сафари
Tor Browser
Установите расширения веб -браузера (Chrome)
Adblock Plus
Инструменты разработчика клиента Apollo
Colorzilla
Медовый
JSON Viewer
LastPass
Маяк
Импульс
React Developer Tools
Redux Devtools
Карман
Видео Скачать Hhelper
Wappalyzer
Веб-разработчик
daily.dev
Установить программное обеспечение
Я бы установил все приложения, которые я использую, включающие личные и связанные с разработчиком. Итак, такие инструменты, как Adobe CC, Microsoft Office, Discord, Slack и т. Д. Я просто включу приложения разработчиков, поскольку они более актуальны в этом руководстве.
Приложения разработчиков
Android Studio
Докер
Гипер
Бессонница
Intellij Idea CE
iterm 2
Mongodb Компас
Почтальон
Valentina Studio
Visual Studio Code
Xcode
Установите менеджеры пакетов
- Домашний
- npm
- Пип
Домашний
https://brew.sh/
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
Установите пакеты
- Homebrew автоматически устанавливает PIP, указывающий на Homebrew Python3 для вас
Вы можете установить Пряжа Через менеджер Homebrew Package. Это также установит node.js, если он еще не установлен. Если вы используете NVM или аналогично, вы должны исключить установку node.js, чтобы использовать версию Node.js NVM.
Используйте варево, чтобы установить приведенные ниже пакеты
brew install tree (It allows you to view all files in a tree view) brew install ruby brew install git brew install node brew install python brew install kotlin brew install postgresql brew install yarn or brew install yarn --without-node brew tap heroku/brew && brew install heroku brew install graphql-playground brew install deno
Установите Oh-My-Zsh
ZSH уже предварительно установлен в последних версиях MacOS. Каталина, я верю, я верю. Я также устанавливаю https://ohmyz.sh/ поскольку это позволяет получить больше конфигурации и требуется в некоторых случаях.
sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"
Используйте командную строку, чтобы показать все скрытые файлы, так как файлы, на которые вы ищете, по умолчанию будут скрыты.
defaults write com.apple.Finder AppleShowAllFiles true killall Finder
Установить О, мои плагины ZSH ниже
brew install zsh-autosuggestions brew install zsh-syntax-highlighting
Чтобы активировать плагины, добавьте следующее в конце вашего .zshrc:
source /usr/local/share/zsh-autosuggestions/zsh-autosuggestions.zsh source /usr/local/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh
Вам также нужно будет перезагрузить ваш .zshrc:
source ~/.zshrc
Если вы получите сообщение об ошибке «Справочник« Highlighters не найден », вам может потребоваться добавить следующее к вашему .zshenv:
export ZSH_HIGHLIGHT_HIGHLIGHTERS_DIR=/usr/local/share/zsh-syntax-highlighting/highlighters
MongoDB Установка и настройка
https://stackoverflow.com/questions/57856809/installing-mongodb-with-homebrew
Установите инструменты командной строки Xcode и Homebrew от https://brew.sh/#install
xcode-select --install
Нажмите на доморощенную кран MongoDB:
brew tap mongodb/brew
Проверьте предварительные условия установки в терминале MacOS:
brew tap | grep mongodb
Установите MongoDB
brew install mongodb-community@4.4
Наконец, чтобы запустить MongoDB (то есть процесс Mongod) в качестве службы macOS, выпустите следующее
brew services start mongodb-community@4.4
Скачать и установить Mongodb Compass https://www.mongodb.com/try/download/compass
Используйте команду пивоваренный список Чтобы увидеть все установленные пакеты
npm
Установите пакеты по всему миру
npm i -g babel-cli npm i -g eslint npm i -g expo-cli npm i -g firebase-tools npm i -g gatsby-cli npm i -g jest npm i -g lighthouse npm i -g netlify-cli npm i -g newman npm i -g node-sass npm i -g parcel-bundler npm i -g pm2 npm i -g prettier npm i -g serve npm i -g spaceship-prompt npm i -g surge npm i -g typescript npm i -g update npm i -g vercel
Используйте команду NPM List -g -Depth 0 Чтобы увидеть все установленные пакеты
Пип
Установите пакеты
Используйте команду пип или PIP3 Установить в зависимости от вашей системы.
pip3 install astroid pip3 install autopep8 pip3 install certifi pip3 install chardet2 pip3 install click pip3 install Flask pip3 install Flask-Cors pip3 install harperdb pip3 install idna pip3 install isort pip3 install itsdangerous pip3 install Jinja pip3 install lazy-object-proxy pip3 install MarkupSafe pip3 install mccabe pip3 install psycopg2 pip3 install psycopg2-binary pip3 install pycodestyle pip3 install pylint pip3 install python-dotenv pip3 install requests pip3 install setuptools pip3 install six pip3 install toml pip3 install urllib3 pip3 install Werkzeug pip3 install wrapt
Используйте команду Список PIP3 или PIP LIST Чтобы увидеть все установленные пакеты
Настройка трепетания
https://flutter.dev/docs/get-started/install/macos
Также установите плагины Flutter/Dart и Kotlin и расширения для Visual Studio Code, Intellij Idea CE и Android Studio.
Отреагировать нативную установку
https://expo.io/
Настройка приложения терминала и редакторы кода
Я сейчас использую Дракула Тема в Visual Studio Code, Intellij Idea CE, Android Studio и Hyper Terminal.
Шрифт
Для шрифтов я использую JetBrains Mono, а код FIRA в настоящее время является моим вторым выбором.
https://www.jetbrains.com/lp/mono/
https://github.com/tonsky/FiraCode
Гипер терминал
Установить плагины и настраивать
hyper i hypercwd hyper i hyper-snazzy hyper i hyper-dracula
// default font size in pixels for all tabs
fontSize: 16,
// font family with optional fallbacks
fontFamily: 'JetBrains Mono, Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',
Visual Studio Code
Если вы впервые используете код Visual Studio, сделайте чистую установку и настройте его, как вы хотите. В противном случае установите настройки Sync Extension Shan Khan, а затем сделайте загрузку для синхронизации ваших настроек.
# Upload SHIFT + OPTION + U # Download SHIFT + OPTION + D
По состоянию на январь 2021 года Visual Studio Code имеет функцию синхронизации настроек, которая, вероятно, работает так же, но в раннем релизах Анкет
Установите код Visual Studio в качестве редактора по умолчанию для файлов программирования, щелкнув правой кнопкой мыши по этому файлу и собираясь «открыть с», а затем изменить все.
Настройка кода Visual Studio чтобы вы могли Запуск из командной строки
Расширения, которые я установил с помощью кода Visual Studio
лучше
Кроншень-паир-цветореализатор
Код-образный
Установки кодов-синхронизации
DART-код
отладчик для хрома
Dotenv
es7-react-js-snippets
разветвление
GC-ExcelViewer
Гитленс
graphql-for-vscode
Htmlhint
JavaScript-EJS-поддержка
Юпитер
Котлин
Liveserver
Материал-Икон-Тема
MDX
mongodb-vscode
MSSQL
ночная Сова
npm-intellisense
открыть в браузере
Красотер-VSCODE
руководитель проекта
питон
Quokka-Vscode
Rainbow-CSV
Отдаленные контейнеры
оттенки фиолета
тема-дракула
VSC-Community-Material-Theme
VSC-Material-Theme
VSC-Material-Theme-Icons
Vscode-Color
Vscode-Colorize
Vscode-Docker
VSCODE-ESLINT
VSCODE-GRAPHQL
VSCODE-IMPORT-COST
VSCODE-ДЕСКА
Vscode-Markdownlint
VSCODE-NPM-Script
VSCODE-PEACOCK
VSCODE-PULL-REQUEST-GITHUB
Компоненты VSCODE
VSCODE-TYPSICT-TSLINT-PLUGIN
Оригинал: “https://dev.to/andrewbaisden/how-i-setup-my-development-environment-on-macos-2021-edition-1lce”