1. Chrome
(1) 科學(xué)上網(wǎng)Tutorial
(2) Proxy SwitchyOmega
- 國(guó)內(nèi)外網(wǎng)站自動(dòng)切換插件
(3) 無(wú)痕模式
ctrl + shift +N
(4) 開發(fā)者工具 F12
- 按ESC打開新的console
- Source -> Snippets 保存指定代碼段（JS）并可以測(cè)試
- Network 查看所有req恋追，可篩選不同req
- Throttling 可模擬不同網(wǎng)絡(luò)環(huán)境（斷網(wǎng)、快慢網(wǎng)速）
- Preserve log 刷新后保留上一次請(qǐng)求記錄
- Disable cache 刪除緩存
(5) 常用快捷鍵
- 鼠標(biāo)中鍵單擊 - 打開或關(guān)閉
- ctrl + T - 新開標(biāo)簽
- ctrl + shift + T - 撤銷關(guān)閉
- ctrl + 點(diǎn)擊 - 在新標(biāo)簽打開
- ctrl + W - 關(guān)閉當(dāng)前標(biāo)簽
- ctrl + Reload 或者 F5 - 刷新
- ctrl + Location - 輸入網(wǎng)址
- ctrl + shift + Inspector 或 F12 - 打開開發(fā)者工具
- alt + 左右 - 前進(jìn)后退
- alt + 回車 - 在新標(biāo)簽打開
- shift + 回車 - 在新窗口打開
- ctrl + shift + delete - 刪除歷史瀏覽數(shù)據(jù)
(6) 打印配置
- 邊距：無(wú)核蘸，勾選背景圖形 -> 用于導(dǎo)出pdf
2. VSCode
(1) 輔助插件
- Code Spell Checker 防止代碼里面單詞拼錯(cuò)
- Git Easy -> Git操作
(2) Sidebar 搜索功能
- 搜索folder中所有含關(guān)鍵字的文件
- Replace 可全部替換
(3) 右下角可設(shè)置代碼語(yǔ)法
(4) <tag> + Tab 快捷輸入代碼段
(5) Emmet 快捷寫代碼
-
設(shè)定指定范圍如:
emmet wrap demo1.png -
ctrl + shift + p輸入命令 - 輸入框輸入
emmt wrap - 輸入ul>li>div*可得如下效果(* 表示多個(gè)tag):
emmet wrap demo2.png
(3) 搜索文件路徑
- 快捷鍵
ctrl + p - 模糊搜索如: a/main.js
(4) 選中范圍輸入命令
- 快捷鍵
ctrl + shift + p - 實(shí)用的命令如換行: wrap
(5) 同時(shí)編輯
- alt 同時(shí)選中多個(gè)位置編輯
3. Cmder
- 可執(zhí)行Linux語(yǔ)句的命令行程序
- 運(yùn)行時(shí)會(huì)比較卡
4. Nodejs
(1) 切換npm下載鏡像
- 安裝nrm:
npm i -g nrm - 列出可選擇鏡像:
nrm ls - 國(guó)內(nèi)選擇淘寶:
nrm use taobao
(2) 安裝yarn
- 使用該網(wǎng)址安裝，不要用
npm i -g yarn
https://classic.yarnpkg.com/en/docs/install/#windows-stable - 安裝yrm:
yarn global add yrm - 如果報(bào)錯(cuò)‘TypeError: log.gauge.isEnabled is not a function’, 需要安裝npm-check-updates，運(yùn)行:
yarn global add npm-check-updates
