Outline
now I’m setting the development environment on new Mac. in this blog, I’ll show the tools what I use.
this blog is a series. if you want to know other development environment, see other blog posts.
- Development Environment on Mac(1) - iTerm & zsh
- Development Environment on Mac(2) - for tools
- Development Environment on Mac(3) - for development
- Configure automatically development environment on Mac via Homebrew and Shell Script
Communication Tools
the below is what I use for communication when I develop.
- Line: Download from App store
- Kakaotalk: Download from App store
- Slack: Download from App store
Development Tools
the below is the development tools what I use.
- android studio: https://developer.android.com/studio
- xcode: Download from App store
- vscode: https://code.visualstudio.com/download
vscode
this is vscode plugin list what I use.
- Active File In StatusBar
- Babel ES6/ES7
- Bracket Pair Colorizer
- Debugger for Chrome
- IntelliSense for CSS, SCSS class names in HTML, Slim and SCSS
- Node.js Modlues Intellisense
- npm Intellisense
- Path Intellisense
- PHP Intellisense
- Prettier - Code Formatter
- Python
- Trailing Spaces
- TSLint
- vscode-icons
- vscode-styled-components
after installing all, execute the command below to open vscode configuration file.
code ~/Library/Application\ Support/Code/User/settings.json
copy-paste the below to vscode setting file.
{
"terminal.integrated.shell.osx": "/bin/zsh",
"terminal.integrated.fontFamily": "Meslo LG M for Powerline",
"window.zoomLevel": 2,
"editor.fontFamily": "'D2Coding ligature'",
"editor.fontLigatures": true,
"window.restoreWindows": "all",
"prettier.eslintIntegration": true,
"javascript.format.enable": false,
"editor.formatOnSave": true,
"files.exclude": {
"**/.git": true,
"**/.svn": true,
"**/.DS_Store": true,
"*/node_modules": true,
"**/.idea": true,
"**/.vscode": false,
"**/yarn.lock": true,
"**/tmp": true,
"node_modules": true
},
"files.watcherExclude": {
"**/.git/objects/**": true,
"**/node_modules/**": true,
"**/tmp": true,
"**/build": true
},
"files.trimTrailingWhitespace": true,
"search.exclude": {
"**/node_modules": true,
"**/bower_components": true,
"**/.git": true,
"**/.DS_Store": true,
"**/tmp": true,
"**/coverage": true,
"**/build": true,
"**/Pods": true,
"**/*.xcodeproj": true,
"**/*.xcworkspace": true,
"**/.meteor": true
},
"extensions.autoUpdate": true,
"prettier.singleQuote": true,
"prettier.trailingComma": "es5",
"prettier.jsxBracketSameLine": true,
"[markdown]": {
"editor.formatOnSave": false
},
"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
"workbench.iconTheme": "vscode-icons",
"atlascode.jira.workingSite": {
"baseUrlSuffix": "atlassian.net"
},
"yaml.schemas": {
"file:///Users/jeonghean_kim/.vscode/extensions/atlassian.atlascode-1.4.0/resources/schemas/pipelines-schema.json": "bitbucket-pipelines.yml"
},
"python.linting.pylintArgs": ["--load-plugins=pylint_django"]
}
DB Tools
the below is the DB tools what I use.
- sequel pro: https://www.sequelpro.com/
- DB Browser For SQLite: https://sqlitebrowser.org/
- workbench: https://www.mysql.com/products/workbench/
Design Tool
I use the sketchapp for design.
- sketchapp: https://www.sketchapp.com/
Support Program
this is the support programs for developing.
- Postman: https://www.getpostman.com/downloads/
- Beyond Compare: https://www.scootersoftware.com/download.php
- Sourcetree: https://www.sourcetreeapp.com/
Font
this is the font for the development tools.
- D2Coding: https://github.com/naver/d2codingfont
Was my blog helpful? Please leave a comment at the bottom. it will be a great help to me!