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
- Brave
- Google Chrome
- Google Chrome Canary
- Firefox
- Firefox Developer Edition
- Firefox Nightly
- Microsoft Edge
- Safari Technology Preview
- Tor Browser
Extensiones que más utilizo
- Bitwarden
- ColorZilla
- daily.dev
- JSON Viewer
- Lighthouse
- Momentum
- React Developer Tools
- Redux DevTools
- uBlock Origin
- Video DownlodHelper
- Wappalyzer
- Web Developer
Instalación de aplicaciones
- Adobe CC
- Android Studio
- Bitwarden
- Centered
- Cypress
- Discord
- Docker
- Figma
- Hyper
- iTerm 2
- warp
- Microsoft Office
- Microsoft Teams
- MongoDB Compass
- Notion
- Evernote
- Obsidian
- PyCharm
- Slack
- Todoist
- Trello
- Valentina Studio
- Visual Studio
- Visual Studio Code
- Xcode
- Zoom
- https://pnpm.io/installation
- https://minikube.sigs.k8s.io/docs/start/
Administradores de paquetes
- Hombrew
- npm
- Pip
hombrew
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
2) Homebrew MongoDB :
3) Verifique los requisitos previos de instalación en la terminal de macOS:
4) instalar MongoDB
5) Finalmente, para ejecutar MongoDB (es decir, el proceso mongodb) como un servicio macOS, emita lo siguiente:
6) 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.
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:
1) Muestra una lista de paquetes instalados en un archivo de requisitos (requirements.txt):
2) Edite los requirements.txt y reemplace todo == con >= Use el comando ‘Replace All’ en el editor.
3) Actualizar todos los paquetes obsoletos:
Configuración de React Native
Configuración de Flutter
Configuración de Java Spring Boot
Configuración de .Net
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
