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/dev-yakuza/.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!
App promotion
You can use the applications that are created by this blog writer
If you have interested, please try to download them for free.
Deku.Deku created the applications with Flutter.If you have interested, please try to download them for free.
