1. Chrome
(1) 科学上网Tutorial
(2) Proxy SwitchyOmega
- 国内外网站自动切换插件
(3) 无痕模式
ctrl + shift +N
(4) 开发者工具 F12
- 按ESC打开新的console
- Source -> Snippets 保存指定代码段（JS）并可以测试
- Network 查看所有req，可筛选不同req
- Throttling 可模拟不同网络环境（断网、快慢网速）
- Preserve log 刷新后保留上一次请求记录
- Disable cache 删除缓存
(5) 常用快捷键
- 鼠标中键单击 - 打开或关闭
- ctrl + T - 新开标签
- ctrl + shift + T - 撤销关闭
- ctrl + 点击 - 在新标签打开
- ctrl + W - 关闭当前标签
- ctrl + Reload 或者 F5 - 刷新
- ctrl + Location - 输入网址
- ctrl + shift + Inspector 或 F12 - 打开开发者工具
- alt + 左右 - 前进后退
- alt + 回车 - 在新标签打开
- shift + 回车 - 在新窗口打开
- ctrl + shift + delete - 删除历史浏览数据
(6) 打印配置
- 边距：无，勾选背景图形 -> 用于导出pdf
2. VSCode
(1) 辅助插件
- Code Spell Checker 防止代码里面单词拼错
- Git Easy -> Git操作
(2) Sidebar 搜索功能
- 搜索folder中所有含关键字的文件
- Replace 可全部替换
(3) 右下角可设置代码语法
(4) <tag> + Tab 快捷输入代码段
(5) Emmet 快捷写代码
-
设定指定范围如:
emmet wrap demo1.png -
ctrl + shift + p输入命令 - 输入框输入
emmt wrap - 输入ul>li>div*可得如下效果(* 表示多个tag):
emmet wrap demo2.png
(3) 搜索文件路径
- 快捷键
ctrl + p - 模糊搜索如: a/main.js
(4) 选中范围输入命令
- 快捷键
ctrl + shift + p - 实用的命令如换行: wrap
(5) 同时编辑
- alt 同时选中多个位置编辑
3. Cmder
- 可执行Linux语句的命令行程序
- 运行时会比较卡
4. Nodejs
(1) 切换npm下载镜像
- 安装nrm:
npm i -g nrm - 列出可选择镜像:
nrm ls - 国内选择淘宝:
nrm use taobao
(2) 安装yarn
- 使用该网址安装，不要用
npm i -g yarn
https://classic.yarnpkg.com/en/docs/install/#windows-stable - 安装yrm:
yarn global add yrm - 如果报错‘TypeError: log.gauge.isEnabled is not a function’, 需要安装npm-check-updates，运行:
yarn global add npm-check-updates
