mac 開発環境 - Koresamuel

mac 本常安装の開発ソフトウェアと一般的なソフトウェア、およびいくつかの環境設定を記録します。

開発#

chrome プラグイン#

Adblock Plus Adblock Plus は、5 億回以上のダウンロードを誇る世界で最も人気のある広告ブロックソフトウェアの一つです。
JSONView JSON ドキュメントを検証して表示します
Octotree GitHub 用のコードツリー
React Developer Tools Chrome 開発者ツールに React デバッグツールを追加します。
Redux DevTools アプリケーションの状態変更をデバッグするための Redux DevTools。
session manager シンプルでありながら強力なタブセット管理。タブのセットを迅速かつ簡単に保存、更新、削除、復元できます！
Smart TOC ウェブ記事やドキュメントの目次を追加します
smartUp ジェスチャーより良いジェスチャー拡張。機能には、マウスジェスチャー、簡易ドラッグ、スーパードラッグ、ジョイスティックジェスチャー、ホイールジェスチャーが含まれます。
The QR code extension 現在のページから QR コードを生成し、ウェブカメラで QR コードをスキャンします。
vuejs devtools Vue.js アプリケーションをデバッグするための Chrome および Firefox DevTools 拡張機能。
沙拉查词 Chrome ブラウザのための選択翻訳をサポートします
簡読 SimpRead 没入型読書体験に瞬時に入ることができる Chrome 拡張機能、Safari のリーディングモードに似ています。
...

chrome アプリ#

Marmoset Marmoset は、数秒で美しいコードスナップショットを作成できる Chrome アプリです。
Postman Postman は API 開発をより速く、簡単に、より良くします。
Tamper Chrome Chrome リクエストを傍受して変更します
Web Server for Chrome Chrome 用の Web サーバーで、ネットワーク経由でローカルフォルダーからウェブページを提供します。オフラインで動作します。
...

vscode プラグイン#

Debugger for Chrome
Import Cost
open in browser
vetur
VS Live Share
Cobalt2 Theme Official
Code Runner
GitLens — Git 超強化
Custom CSS and JS Loader
LeetCode
Remote Development
Code Runner
WakaTime

ターミナル#

item2
Oh My Zsh
tmux
zsh-autosuggestions zsh 用のフィッシュのような自動提案
...

環境#

npm よく使うパッケージ#

anywhere local http server をどこでも起動
npm-check プロジェクト内の npm パッケージに新しいバージョンがあるか確認し、更新を選択できます
nrm npm リポジトリ管理、切り替えが便利
ntl npm タスクリスト、package.json の実行可能な script コマンドをすばやく表示
yarn 迅速な依存関係管理
pm2 node プロセス管理
wepy-cli 小プログラム開発フレームワーク
...

日常ソフトウェア#

WeChat
QQ
Microsoft Office
Wondershare Video Converter Ultimate 万能動画フォーマット変換ソフトで、MP4、MOV、3GP、AVI、WMV、RM、MPEG-1、MPEG-2、FLV、ASF、M4A、WMA、WAV、MP3、AAC、AC3 などのマルチメディアフォーマットをポータブルビデオ / オーディオプレーヤー（Zune、iPod、Apple TV、iPhone、PSP）に対応したフォーマットに変換し、元の品質を失うことはありません。
Alfed 辞書を調べたり、ブックマークを開いたり、ファイルを検索したり、ファイルを開いたりするための効率的なツール
MacDown
LICEcap gif 録画ツール
Evernote
网易云音乐
keynote プレゼンテーションスライドアプリ
...

usersetting.json#

{
  "workbench.iconTheme": "material-icon-theme",
  "workbench.colorTheme": "Cobalt2",
  "gitlens.advanced.messages": {
    "suppressCommitHasNoPreviousCommitWarning": false,
    "suppressCommitNotFoundWarning": false,
    "suppressFileNotUnderSourceControlWarning": false,
    "suppressGitVersionWarning": false,
    "suppressLineUncommittedWarning": false,
    "suppressNoRepositoryWarning": false,
    "suppressResultsExplorerNotice": true,
    "suppressShowKeyBindingsNotice": true
  },
  "explorer.confirmDelete": false,
  "terminal.integrated.cursorBlinking": true,
  "extensions.ignoreRecommendations": false,
  "terminal.integrated.fontFamily": "Inconsolata for Powerline",
  "editor.fontFamily": "Monaco",
  "editor.fontSize": 16,
  "editor.lineHeight": 25,
  "editor.letterSpacing": 0.5,
  "files.trimTrailingWhitespace": true,
  "editor.fontWeight": "400",
  "editor.cursorStyle": "line",
  "editor.cursorWidth": 5,
  "editor.cursorBlinking": "blink",
  "vscode_custom_css.imports": ["file:///User/xiaojie/.vscodestyles.css"],
  "editor.renderWhitespace": "none",
  "window.zoomLevel": -2,
  "gitlens.historyExplorer.enabled": true,
  "workbench.startupEditor": "newUntitledFile",
  "workbench.activityBar.visible": true,
  "eslint.alwaysShowStatus": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "editor.tabSize": 2,
  "editor.detectIndentation": false,
  "files.autoSave": "off",
  "breadcrumbs.enabled": true,
  "editor.minimap.enabled": true,
  "editor.renderControlCharacters": true,
  "gitlens.gitExplorer.files.layout": "list",
  "better-comments.highlightPlainText": true,
  "files.associations": {
    "*.wpy": "vue"
  }
}

.vscodestyles.css#

.monaco-shell {
  font-family: 'Operator Mono', 'Inconsolata', monospace;
}

/* このコードは、ダーティタブの円を黄色にします */
.vs-dark
  .monaco-workbench
  > .part.editor
  > .content
  > .one-editor-silo
  > .container
  > .title
  .tabs-container
  > .tab.dirty
  .close-editor-action {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' height='16' width='16'%3E%3Ccircle fill='%23ffc600' cx='8' cy='8' r='4'/%3E%3C/svg%3E")
    50% no-repeat;
}

.monaco-workbench > .editor > .content > .one-editor-silo {
  border-top: 1px solid #15232d !important;
}

.one-editor-silo + .one-editor-silo {
  border-left: 1px solid #15232d !important;
}

/*
  これは、見つかったアイテムの周りに薄い黄色の境界線を付けます
*/
.monaco-editor .findMatch,
.monaco-editor .selectionHighlight {
  border: 1px solid #ffc600;
  border-radius: 2px;
  background: transparent;
}

/* これは大きなフォントが切り取られないようにします - 3px 増やします */
.monaco-workbench
  > .activitybar
  > .content
  .monaco-action-bar
  .badge
  .badge-content {
  top: 17px !important;
}