打造一台高效能代码机器😠

整活的谦仔
208 阅读4分钟

一. 高效的浏览器插件与用法

  1. 切换身份的简易办法 每次切换身份时还要不停的登录登出？Naive！我们可以充分利用chrome不同账户缓存独立的特点，为每种职业创建一个新的个人身份，今后直接切换身份即可，无需任何登录！

截屏2023-04-10 10.10.38.png

  1. 由于🦑一些众所周知的原因， 我们无法打开谷歌应用商店直接下载插件，在这里推荐一个国内的插件下载网站，按里面的说明进行操作即可，保证不麻烦🫡。

  2. FeHelper(前端助手)

  • 你想要的功能这里面应该都有。。 强烈推荐！ 截屏2023-03-09 16.14.54.png

3.OneTab

  • 将无数个 Tab 合并在一个页面，节省高达95％的内存，并减轻标签页的混乱现象，只需单击 OneTab 图标即可.

截屏2023-03-09 16.29.37.png

4.Wappalyzer

  • 网站技术分析插件，通过该插件能够分析目标网站所采用的平台架构、网站环境、服务器配置环境、JavaScript 框架、编程语言等参数。满足你的好奇心🐮🍺

截屏2023-03-09 16.37.40.png

5.Quick QR

  • 快速的为当前网页生成二维码， 手机扫描即可进入。

截屏2023-03-09 16.45.17.png

  1. 鼠标点击特效
  • 点哪儿哪儿会出现你自定义的图标，分享屏幕的时候可以让别人快速知道你在说哪里， 当然也可以用于自娱自乐😄

截屏2023-03-09 16.49.12.png

二. 打造高效的终端工具 item2 + oh-my-zsh

  1. 点击这里下载iterm2

image.png

下载之后为了更加便捷的唤起 iTerm2 窗口(实现本文开头的步骤一)，我们还需要设置热键。

按照 iTerm2 => Preferences => Keys => HotKey 路径找到配置项 HotKey 进行配置。

image.png

  1. 点击这里下载oh-my-zsh

oh-my-zsh是基于 zsh 命令行的一个扩展工具集，提供了丰富的扩展功能

image.png

仍然由于众所周知的原因， 我们需要从gitee中的镜像资源下载：

brew下载：

/bin/zsh -c "$([curl](https://so.csdn.net/so/search?q=curl&spm=1001.2101.3001.7020) -fsSL [https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh](https://links.jianshu.com/go?to=https%3A%2F%2Fgitee.com%2Fcunkai%2FHomebrewCN%2Fraw%2Fmaster%2FHomebrew.sh "https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh"))"

接下来为大家介绍几个好用的zsh插件（可放心下载无翻墙）

  1. 定制一个你喜欢的主题

可以在上面的链接选择你喜欢的主题， 然后输入如下命令

  • vim ~/.zshrc
  • ZSH_THEME="ys" //双引号内是你选的主题，我直接用random每次随机。。
  • source ~/.zshrc //重启生效
  1. autojump

使用 j + 目录缩写，即可灵活的在任意目录间跳转，终于可以不用 cd 了！

安装步骤：

  • brew install autojump
  • vim ~/.zshrc // 输入命令在 zshrc 中配置
  • plugins=(其他的插件 autojump)
  • source ~/.zshrc
  1. zsh-syntax-highlighting

语法高亮，官网链接中有安装前后对比示例

安装步骤：

  • git clone gitee.com/zjy_1671/zs… ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting
  • vim ~/.zshrc // 输入命令在 zshrc 中配置
  • plugins=(其他的插件 zsh-syntax-highlighting)
  • source ~/.zshrc
  1. zsh-autosuggestions

根据命令的历史记录，进行即时提示，超级好用，提提提效。

安装步骤：

  • git clone gitee.com/chenweizhen… ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions
  • vim ~/.zshrc // 输入命令在 zshrc 中配置
  • plugins=(其他的插件 zsh-syntax-highlighting)
  • source ~/.zshrc

三. 高效的vscode插件

  1. 快速生成console.log: javascript console utils

在这里插入图片描述

基本用法：

  •   任意位置按`ctrl/cmd+shift+L` : 直接生成一条console.log

  •   选中一条变量，然后按`ctrl/cmd+shift+L`: 生成该变量的log

image.png

image.png

  • ctrl/cmd+shift+D: 删除当前页面所有console
  1. Volar + eslint + Prettier

image.png image.png

截屏2023-03-09 14.33.07.png

  • Volar作为vue的官方插件，提供了众多强大的功能如语法提示，不再需要唯一的根标签等
  • ESlint不用多说了，人尽皆知
  • Prettier和ESlint的区别在于，后者主要用于检测语法上的问题，前者可以一键格式化让代码更工整优美，能交给vscode做的就不必亲自动手👋
  1. Bracket Pair Colorizer
  • 不同颜色高亮显示匹配的括号,目前已被内置到vscode中，列出来是为了没开启设置的同学搜这个插件，然后按照指引开启设置🌶️

image.png

  1. Color Highlight + TODO Highlight

截屏2023-03-09 15.14.04.png

截屏2023-03-09 15.14.20.png

例子🌰: 提供各种高亮效果 用了都说好😢 截屏2023-03-09 15.15.04.png 5. Code Spell Checker

一款单词拼写提示插件，帮助大家检测错别词 截屏2023-03-09 15.01.48.png

  1. Version Lens

截屏2023-03-09 17.19.52.png

  • 显示包版本信息，在 package.json 中显示包最新版本等信息。 截屏2023-03-09 15.23.21.png
  1. Auto Rename Tag + Auto Close Tag
  • 同步修改标签与自动补全标签。

截屏2023-03-09 15.26.57.png

截屏2023-03-09 15.27.16.png

  1. CoderRunner 一键运行代码 支持多种语言 image.png

四.高效好用的app推荐

1.postman www.postman.com/downloads/ image.png

可以算是大名鼎鼎了，接口联调神器，演示必备软件，没用过 === 不了解业务 。

  1. wiresharks www.wireshark.org/download.ht…

至今为止最强大的抓包工具，feature 如图： image.png

  1. SwitchHosts github.com/oldj/Switch…

便捷切换 Hosts 神器， 不必再反复更改设置切换了！

截屏2023-03-20 17.57.57.png

4.SourceTree www.sourcetreeapp.com/

image.png

据说是 Mac 上最好用的git仓库管理客户端。（反正我没用）

OK，写到这儿基本就结束了； 希望大伙🔥儿能花上半个小时把文中的各个程序插件下载一遍体验一下， 绝对能在今后的coding人生中取得事半功倍的效果！

avatar
文章
阅读
粉丝