你知道的插件

car

# 新开发环境流程

安装vpn
安装Chrome、搜狗输入法、item2
安装homebrew (挂梯子)

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
zsh+on-my-zsh

自动提示插件：zsh-autosuggestions

常用语法高亮插件：zsh-syntax-highlighting
下载 vscode 同步配置插件 Settings Sync。使用code命令打开vsc
安装 git brew install git
安装 nvm brew install nvm
1. nvm ls-remote 列举可用 node 列表
2. nvm install v0.0.0
3. nvm use v0.0.0
4. nvm alias default v0.0.0 指定默认node版本
安装 node nvm install 8.11.3
安装 nrm 切换源 npm i nrm -g
安装 yarn npm i yarn -g
配置 ssh
下载微信开发者工具、wps
下载 [ xnip 截图、 istat menus 系统状态、typora、alfred 帽子、dr.cleaner、appcleaner ]

# zsh plugins 参考

# 1.自动补全 zsh-autosuggestions

# Step1: clone 插件

git clone https://github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions

# Step2: 修改 zshrc

vim ~/.zshrc

plugins=(zsh-autosuggestions)

1
2
3

# Step 3: 重新加载 zsh 的配置

source ~/.zshrc

# 2.常用语法高亮 zsh-syntax-highlighting

步骤同上

git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

# vs-code

# 1.快捷键 keymap

⌘ : command

⌥ : option

^ : control

快捷键	作用
⌘ + F2	选中所有匹配项
⌥ + shift + f	格式化代码
⌘ + k ⌘ + f	格式化部分代码
⌘ + K ⌘ + [	折叠全部子代码块
⌘ + K ⌘ + ]	展开全部子代码块
⌘ + b	隐藏和显示侧边栏
⌘ + w	关闭当前 tab
⌘ + p	打开文件
⌘ + ,	用户设置
^ + g	转到行
^ + tab	切换 tab
shift + ⌥ + i	在所选的每一行的末尾插入光标

# 2.插件 plugins

插件名	作用
Settings Sync	自动同步 vsc 配置；上传Shift + opt + U；下载Shift + Alt + D
javascript console utils	生成 log cmd + shift + L 移除 log cmd + shift + D
Bracket Pair Colorizer	括号颜色
Auto Rename Tag	更改标签名时自动更改另一个
Document this	代码块生成注释 double ctrl + opt + d
cssrem	设置 - cssrem.rootFontsize 根字体
px-to-rem	设置 - px-to-rem.px-per-rem 根字体 opt + z 切换
Path Intellisense	路径补全
Project Manager	多项目设置 - Project Manager: Edit Projects
styled-components	高亮
JSS Snippets	js 中 css 提示
Impot cost	包大小展示
Codelf	变量命名
minapp	微信小程序
filesize	文件大小
Git Graph	查看 git 记录
koroFileHeader	生成注释、头部 cmd + Ctrl + i、函数 cmd + Ctrl + t
Change Case	大小写转换；shift + cmd + p Change Case
Code Runner	立即执行代码
polacode	代码图片
Better Comments	使用不同的前缀来让注释显示为不同的颜色, 高亮 TODO
Live Server	快速启动一个本地服务，方便html文件预览调试等
Vue VSCode Snippets	快速生成vue代码插件 vbase
Version Lens	跟踪 npm 包的所有最新版本
小程序开发助手

# 3.设置 setting

Window.nativetabs
"vsicons.presets.hideExplorerArrows": true 文件夹箭头
explorer.autoReveal 文件自动定位侧边栏

# 4.报错

Could not create temporary directory: 权限被拒绝
- sudo chown $USER ~/Library/Caches/com.microsoft.VSCode.ShipIt/

# 5.小技巧

webpack 别名跳转和提示

在项目根目录下面创建.vscode文件夹，下面新增settings.json文件，填入以下代码：
```
{
  "path-intellisense.mappings": {
    "@src": "${workspaceRoot}/src",
  }
}
```
1
2
3
4
5

在项目根目录添加了jsconfig.json文件

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@src/*": ["src/*"],
    }
  },
  "exclude": ["node_modules", "dist"]
}

1
2
3
4
5
6
7
8
9

保存即可

# npm

插件名	作用
npm-check-updates	更新package.json

# mac

# 1.修改Launchpad Icons Size

打开终端

# 修改行列

defaults write com.apple.dock springboard-rows -int 9
defaults write com.apple.dock springboard-columns -int 8;killall Dock

1
2

# 复原

defaults delete com.apple.dock springboard-rows
defaults delete com.apple.dock springboard-columns;killall Dock

1
2

defaults write com.apple.dock ResetLaunchPad -bool TRUE;killall Dock

# 2.模拟机械键盘声

repo

# 3.Mac 固定窗口顺序方法

点击左上角的小苹果–选择系统偏好设置–选择调度中心–进入调度中心界面，去掉“根据最近使用情况自动重新排列空间”选项即可

# 4.uTools

你的生产力工具集

阅读量：

新

Choose mode

你知道的插件

你知道的插件

# 新开发环境流程

# zsh plugins 参考

# 1.自动补全 zsh-autosuggestions

# Step1: clone 插件

# Step2: 修改 zshrc

# Step 3: 重新加载 zsh 的配置

# 2.常用语法高亮 zsh-syntax-highlighting

# vs-code

# 1.快捷键 keymap

# 2.插件 plugins

# 3.设置 setting

# 4.报错

# 5.小技巧

# npm

# mac

# 1.修改Launchpad Icons Size

# 修改行列

# 复原

# 2.模拟机械键盘声

# 3.Mac 固定窗口顺序方法

# 4.uTools

评论：

新

你知道的插件

你知道的插件

# 新开发环境流程

# zsh plugins 参考

# 1.自动补全 zsh-autosuggestions

# Step1: clone 插件

# Step2: 修改 zshrc

# Step 3: 重新加载 zsh 的配置

# 2.常用语法高亮 zsh-syntax-highlighting

# vs-code

# 1.快捷键 keymap

# 2.插件 plugins

# 3.设置 setting

# 4.报错

# 5.小技巧

# npm

# mac

# 1.修改Launchpad Icons Size

# 修改行列

# 复原

# 2.模拟机械键盘声

# 3.Mac 固定窗口顺序方法

# 4.uTools

评 论：

评论：