工具集

Mac / Linux

ngrok 可以内网穿透的终端工具。使用简单：ngrok http 8080 ，需要翻墙
helm-host mac 上管理 host 的图形化工具
now 一键部署

iTerm2 mac 上增强终端工具

cmd + enter 全屏
cmd + d 水平分屏
cmd + shift + e 时间线
cmd + shift + h 粘贴板历史

Psiphon3 科学上网
Tencent Lemon 腾讯新版的 Mac 管家
Mackup mac 软件备份，简单介绍

Adobe
Alfred\ 3.app
App\ Store.app
Automator.app
BaiduNetdisk_mac.app
Bartender\ 3.app
Books.app
BreakTime.app
Calculator.app
Calendar.app
Chess.app
Contacts.app
Dashboard.app
Dictionary.app
EasyConnect.app
FaceTime.app
Firefox.app
Font\ Book.app
Go2Shell.app
Google\ Chrome.app
Home.app
Image\ Capture.app
Lantern.app
Launchpad.app
Logi\ Options.app
MacSec.app
Mail.app
Maps.app
Messages.app
Mission\ Control.app
NeteaseMusic.app
News.app
Notes.app
Photo\ Booth.app
Photos.app
PicGo.app
PowerMyMac.app
Preview.app
PxCook.app
QQ.app
QuickTime\ Player.app
Reminders.app
Safari.app
ShadowsocksX-NG.app
ShiftIt.app
Siri.app
Stickies.app
Stocks.app
SwitchHosts!.app
System\ Preferences.app
Tencent\ Lemon.app
TencentMeeting.app
Termius.app
TextEdit.app
The\ Unarchiver.app
Thunder.app
Time\ Machine.app
Transmit.app
Typora.app
Utilities
VMware\ Fusion.app
Visual\ Studio\ Code.app
VoiceMemos.app
WeChat.app
Wireshark.app
XMind.app
Xcode.app
baacloud.app
iTerm.app
iTunes.app
wechatwebdevtools.app
wewechat.app
wpsoffice.app

Chrome 插件

Vue.js devtools
React Developer Tools
JSON Editor
FeHelper
Clear Cache
cVim
Markdown Here
Neater Bookmarks
Proxy SwitchyOmega
RSS Feed Reader
Separate Window
Tampermonkey
WEB 前端助手(FeHelper)
沙拉查词-聚合词典划词翻译
github 相关
- Octotree 文件树
- Code Block Beautifier 可以将文档中的代码块换个主题
- File Icon for GitHub, GitLab and Bitbucket 美化文件图标
- GitHub Code Folding 代码折叠
- GitHub markdown ToC 代码目录
- GitZip for github 快速下载
- npmhub 给依赖加链接
- OctoLinker 给引入的模块加链接
- Open in CodeSandbox

VS Code

奇淫技巧

https://www.vscodecandothat.com/

00.强制折叠代码块

任意代码块被 //#region [comment] 和 //#endregion都可以折叠

通用快捷键

切换 tab： cmd + option + 左右
复制行：option + shift + 下
关闭侧边栏 / 控制台：cmd + B / cmd + J
创建分屏快捷键是 cmd + \ , 编辑器之间分屏切换快捷键是 cmd + 1 - 9

插件

code-settings-sync 保存 vscode 配置
codelf
debugger-for-chrome 调试
docthis 快速生成注释块两遍 control + alt + d
gitblame 查看代码行历史
githistory 查看 commit 历史
gitlens git 超级扩展
markdown-preview-enhanced
npm-intellisense
prettier-vscode
project-manager 多项目切换

remote-ssh

默认配置文件在 ~/.ssh/config ，也可以在设置中添加 "remote.SSH.configFile":"path"

配置信息实例

Host example-remote-linux-machine-with-identity-file
    User your-user-name-on-host
    HostName another-host-fqdn-or-ip-goes-here
    IdentityFile ~/.ssh/id_rsa-remote-ssh
    Port 22

vetur
vscode-eslint
vscode-language-pack-zh-hans
vscode-react-native
vscode-styled-jsx
vue-vscode-snippets

prettier-vscode

{
  /* 设置 vetur 的格式化为 prettier https://vuejs.github.io/vetur/ */
  "vetur.format.defaultFormatter.html": "prettier",
  "vetur.format.defaultFormatter.js": "prettier",
  "vetur.format.defaultFormatter.ts": "prettier",
  "vetur.format.defaultFormatter.scss": "prettier",
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "printWidth": 160, // 每行的宽度
      "singleQuote": true, // 使用单引号
      "semi": false // 末尾使用分号
    }
  },

  /*  prettier的配置 */
  "prettier.printWidth": 160,
  "prettier.singleQuote": true,
  "prettier.semi": false,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

# 工具集

# Mac / Linux

# Chrome 插件

# VS Code

# 奇淫技巧

# 00.强制折叠代码块

# 通用快捷键

# 插件

工具集

Mac / Linux

Chrome 插件

VS Code

奇淫技巧

00.强制折叠代码块

通用快捷键

插件