マック(Mac)の開発環境の構築(2) - tools - 新しマック(Mac)に開発環境を構築してみようかと思います。私がマック(Mac)で使ってる開発ツールを纏めてみました。

概要

マック(Mac)で新しく開発環境を構築しています。このブログでは開発やコミュニケーションで使ってるツールを纏めてみました。

このブログはシリーズです。開発環境の別のところが木になる方は下記の内容を参考してください。

コミュニケーションツール

下記のツールは開発する時使ってるコミュニケーションツールです。

Line: App storeからダウンロード
Kakaotalk: App storeからダウンロード
Slack: App storeからダウンロード

開発ツール

下記は実際開発する時使ってるツールです。

android studio: https://developer.android.com/studio
xcode: App storeからダウンロード
vscode: https://code.visualstudio.com/download

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/dev-yakuza/.vscode/extensions/atlassian.atlascode-1.4.0/resources/schemas/pipelines-schema.json": "bitbucket-pipelines.yml"
  },
  "python.linting.pylintArgs": ["--load-plugins=pylint_django"]
}