맥(Mac) 개발 환경 구축(2) - tools

2019-10-14

새로운 맥(Mac)에 개발 환경을 구축하려고 합니다. 제가 맥(Mac)에서 사용하고 있는 개발툴들을 정리하였습니다.

개요

맥(Mac)에 새롭게 개발 환경을 구축하고 있습니다. 이 블로그에서는 개발과 커뮤니케이션에 사용하고 있는 툴들을 정리합니다.

이 블로그는 연재물입니다. 개발 환경에 다른 부분을 확인하고 싶으신 분들은 아래에 내용을 참고하세요.

커뮤니케이션 툴

아래는 개발할 때 사용하는 커뮤니케이션 툴을 나열하였습니다.

  • Line: App store에서 다운로드
  • Kakaotalk: App store에서 다운로드
  • Slack: App store에서 다운로드

개발툴

아래는 실제 개발에 사용하는 툴을 나열하였습니다.

vscode

아래는 vscode에서 사용하는 플러그인 리스트 입니다.

  • 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

위에 리스트를 모두 설치한 후, 아래의 명령어로 vscode 설정 파일을 엽니다.

code ~/Library/Application\ Support/Code/User/settings.json

vscode의 설정 파일 내용에 아래의 내용을 복사 붙여넣습니다.

{
  "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 툴

아래는 실제 개발에 사용하는 DB 툴을 나열하였습니다.

디자인 툴

디자인 툴로는 sketchapp을 사용하고 있습니다.

보조 프로그램

아래는 실제 개발시 사용하는 보조 프로그램을 나열하였습니다.

폰트

아래는 개발툴에 사용하는 폰트입니다.

Buy me a coffeeBuy me a coffee
Posts