2020-11-26 基础软件配置

1. Chrome

(1) 科学上网Tutorial

• https://github.com/sun-shadow/Surf_the_Internet

(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) + 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