Cómo configuro mi entorno de desarrollo en macOS (2022)

Mi stack tecnológico actual

Front-End: HTML, CSS, JavaScript, TypeScript, React, React Native, Redux, Flutter

Back-End: Python, NodeJS, C#, SQL, NoSQL, Docker, Java, Java Spring Boot

Navegadores Web

Extensiones que más utilizo

Instalación de aplicaciones

Administradores de paquetes

Hombrew
npm
Pip

hombrew

https://brew.sh/

M1 Macs
Antes de instalar Homebrew, deberá instalar el emulador Rosetta2 para el nuevo silicio ARM (chip M1). Instale Rosetta2 usando la terminal:

Después de instalar Rosetta2 usando el código anterior, puede usar Homebrew cmd e instalar Homebrew para el chip ARM M1.

Una vez que Homebrew para M1 ARM esté instalado, use este comando Homebrew para instalar paquetes:

Instalar paquetes

Hombrew instala automáticamente Pip apuntando a Homebrew Python 3 por ti.

Use brew para instalar los siguientes paquetes:

Instalar oh-my-zsh

ZSH ya está preinstalado en las últimas versiones de macOS. También instalo https://ohmyz.sh/ ya que permite más configuraciones y es necesario en algunos casos.

Use la línea de comando para mostrar todos los archivos ocultos, ya que los archivos que está buscando estarán ocultos de forma predeterminada.

Instale los complementos Oh My Zsh a continuación

Para activar los complementos, agregue lo siguiente al final de su .zshrc:

También deberá forzar la recarga de su .zshrc:

Si recibe el mensaje de error “highlighters directory not found”, es posible que deba agregar lo siguiente a su .zshenv:

Instalación y configuración de MongoDB

https://stackoverflow.com/questions/57856809/installing-mongodb-with-homebrew

Instale las herramientas de línea de comandos de Xcode y Homebrew desde https://brew.sh/#install

Homebrew MongoDB :
Verifique los requisitos previos de instalación en la terminal de macOS:
instalar MongoDB
Finalmente, para ejecutar MongoDB (es decir, el proceso mongodb) como un servicio macOS, emita lo siguiente:
Descargue e instale MongoDB Compass https://www.mongodb.com/try/download/compass

Use el comando brew listpara ver todos los paquetes instalados.

npm

Instale el nodo a través de nvm porque nvmle permite instalar y usar rápidamente diferentes versiones del nodo a través de la línea de comandos.

https://github.com/nvm-sh/nvm

Instalar paquetes globalmente

Use el comando npm list -g --depth 0para ver todos los paquetes instalados.

Pip

Instalación de paquetes de python

Ue el comando pip or pip3 para instalar dependencias del sistema.

Use el comando pip3 list o el comando pip listpara ver los paquetes instalados

Actualizando paquetes de python

Pip se puede usar para actualizar todos los paquetes:

Muestra una lista de paquetes instalados en un archivo de requisitos (requirements.txt):
Edite los requirements.txt y reemplace todo == con >= Use el comando ‘Replace All’ en el editor.
Actualizar todos los paquetes obsoletos:

Configurar la aplicación BASH, los editores de código y el IDE

Actualmente estoy usando el tema de Dracula en Visual Studio Code, Visual Studio, Android Studio, PyCharm y tanto Hyper como iTerm 2.

Tipografía

Para las tipografías estoy usando Jebrains Mono.

https://www.jetbrains.com/lp/mono/

Hyper Terminal

Instalar complementos y personalizar

Visual Studio Code

Si es la primera vez que usa Visual Studio Code, haga una instalación limpia y configúrelo como desee. De lo contrario, utilice la función de sincronización de configuración integrada para sincronizar la configuración de su configuración anterior.

Extensiones de Visual Studio

Beautify css/sass/scss/less
Better Comments
C#
colorize
Data Workspace
Docker
DotENV
Dracula Official
EJS language support
ES7+ React/Redux/React-Native snippets
ESLint
Excel Viewer
GitHub Pull Requests and Issues
GitLens — Git supercharged
HTMLHint
Import Cost
Jest
Jupyter
Jupyter Keymap
Jupyter Notebook Renderers
Live Server
markdownlint
Material Icon Theme
MDX
MongoDB for VS Code
npm
npm Intellisense
open in browser
Prettier — Code formatter
Project Manager
Pylance
Python
Rainbow CSV
Remote — Containers
Shades of Purple
SQL Database Projects
SQL Server (mssql)
SVG
Thunder Client
TSLint
vscode-styled-components