In this article, I will summarize the productivity tool set I have accumulated over the years from four aspects: background, writing tool set, working tool set and learning tool set.

The sediment below is a long-term stable toolset, which will be updated if there are future changes.

background

As a technical engineer, you must have done a lot of things, such as the following soul thinking: 1

  • Find the best editor to use and set it to the mode that works best for me
  • Which note-taking software is the best, can very well meet me to record all things
  • What software can help me better write articles, writeppt
  • Computers with their own terminals look ugly, awkward to use, trying to find the perfect terminal software
  • Screenshots, copy and paste, search these things, with what software can be more efficient and better to complete

Look at these words, do you feel familiar? This is something that almost all software engineers experience, including me. Ok, the background is done, I will share the productivity tool set I have accumulated over the years, are the essence of oh, please follow me to look down.

Writing kit

I’m going to illustrate this by looking at the whole first and then the parts.

Writing kit overall scheme

The overall plan is as follows:

  1. Real-time synchronization: Use Baidu Cloud to synchronize space
  2. Writing software: Usevscode
  3. Screenshot: Usingsnipaste
  4. Drawing: useexcalidraw
  5. Screen recording: usegifox
  6. Paste board: usepaste
  7. Mind mapping: UsexmindThe curtain ormindnode
  8. Chart bed management: usePicGoassociatedgitee
  9. Multi-platform publishing: Using open source projectsmdniceAnd localized code transformation

The overall scheme as above, the following will be selected for brief introduction.

Real-time synchronization

Here I choose Baidu cloud synchronization space to do this, you can also choose Gitee, Github to do real-time synchronization.

Baidu cloud synchronization space is introduced on its official website as shown below:

You can see the specific ability by looking at the picture. The main reasons I use it are as follows:

  • Local real-time synchronization of multiple computers and mobile phones can also be read on mobile phones
  • Keep a lot of historical versions, viewing and switching versions is very simple, to prevent accidental deletion of data resulting in permanent data loss
  • All data storage on my laptop will be stored or backed up by Baidu Cloud, and I also use Baidu Cloud for writing, so as to be more unified

I’ve tried this with Github, Gitee, and hard drive before, but now I’ve opted to use sync space for real-time synchronization. Interested partners can try, or very good. I am currently a MEMBER of SVIP, and the discount price is not much money, so it is efficient and convenient to buy one.

Editing software

Before writing articles I used TXT, for the knowledge of notes, Youdao Cloud notes, Ulysses, all kinds of blog site own editor. But for now, I’m just using vscode.

Here are the vscode plugins to accompany my writing:

  • Markdown All in One
  • Word Count
  • Polacode-2020

The writing process is as follows:

  1. PicGo 、 snipaste 、 pasteThe software is enabled
  2. When you need a screenshot as an image, use the shortcut keyscmd+1Take screenshots and use technologyshift+cmd+pthroughPicGoUpload the picturegiteeFigure on the bed, after success automatically copymarkdownThe pictureurlformat
  3. Need to optimize the code screenshots, is to usevscodeThe plug-inPolacode-2020Optimize code screenshots

Screenshot – drawing – recording – paste version

I have tried various screenshots and drawing tools on Windows and MAC before. Now, with only a MAC, I’ve accumulated the following four applications:

Screenshots snipaste

The software setting diagram is as follows:

It has the following advantages:

  • It is very small in size, very smooth in use and full of functions
  • Use my custom onescmd + 1Shortcut keys can be used to quickly take a screenshot, and when you need to assemble several screenshots, you can use the texture function
  • Recently updated a feature that prompts you to use the following function when you take a screenshot:

To sum up: this screenshot experience is awesome.

Drawing excalidraw

The software picture is as follows:

It has the following advantages:

  • Open source software, very popular, has been maintained
  • Simple operation, a lot of material library can be used directly
  • Great hand painting style, very comfortable to look at

Summary: This is one of the most aesthetically pleasing online drawing tools ever used.

Record the screen gifox

Used LICEcap before, until found gifox, decided to use gifox, is really easy to use!

The software picture is as follows:

It has the following advantages:

  • Provides full screen, window and partial selection mode recordinggifanimation
  • Support video transfergiffunction
  • Support recording keyboard input
  • Supports custom shortcut keys, making it easier to use
  • Support frame by frame processinggif

Bottom line: this is the MAC’s best GIF recording tool.

Paste paste board

Software operation diagram is as follows:

The above picture shows the copied content. You can press CMD + 2 to bring up the paste board, which makes it very convenient to view the copied record and use a copied content. It solves the problem of selecting and copying the same content multiple times when using the system replication function.

In a word: the seemingly simple function, improve the effect is obvious, and will make you feel comfortable, no longer feel anxious for repeated selection.

Figure bed management

After struggling with uPic, cloud server OSS, Github, Nuggets and CSDN, I finally chose PicGo associated with Gitee as my solution.

The software picture is as follows:

It has the following advantages:

  • Open source software, very popular, has been maintained
  • Support a variety of map bed, support the development of extension plug-ins
  • Smooth functional experience

Map bed I chose Gitee, the advantage is in the country, free, free domain name. Although there are image size limits, this doesn’t bother me. Like cloud map bed need to record their own domain name, not convenient. In addition, Github has a strong problem, so I choose Gitee.

In a word: PicGo + Gitee is the simplest and most stable chart setup I’ve found for free.

The article is published on multiple platforms

Here I use a tool that is customized based on the open source project Markdown-Nice.

The display figure is as follows:

The steps are as follows:

  1. After writing the article, open the local project, import the article, and do the real-time automatic reading function
  2. Choose the theme I want to use. I can create appropriate themes according to my own needs, such as general theme, gold digging theme, public theme
  3. Click the platform button on the right, such as digging gold, public account and other platforms, the content will be automatically copied
  4. Copy the content, to each platform in the editor, paste, restore degree is very high, greatly save the time to adjust the article layout of multiple platforms

In a word: Stand on the shoulder of open source, customize their own needs, make the article multi-platform publishing efficient and fast.

Writing Kit Summary

At this point, the writing kit is introduced, including editing, screenshots, drawing, recording, copy and paste, graph bed, article publishing scenes involved in the writing process. It basically covers all the processes of technical writing. At present, I am very satisfied with this writing kit, which can well meet my current writing needs.

Work kit

I’m going to illustrate this by looking at the whole first and then the parts.

Work kit overall program

The overall plan is as follows:

  1. Terminal software:iterm2 + zsh + oh-my-zsh
  2. pptCreate: usewps
  3. Screenshot: Usingsnipaste
  4. Drawing: useexcalidraw
  5. pcScreen recording: usegifox
  6. Paste board: usepaste
  7. Plug-in toolset: Useutools
  8. Development tools: usevscode 、 android studioSmall program developer tools
  9. uiUse:figma 和 sketch
  10. Packet capture: Usedcharles 、 wireshark
  11. apiTools: Useapifox
  12. Database: Usingnavicat
  13. Mind mapping: UsexmindThe curtain ormindnode
  14. hostManagement: UseSwitchHosts
  15. FTPSoftware: Usefilezilla
  16. Browser:chrome
  17. Other tools: decompress –maczipTake color – |sip| comparison –Beyond Compare| – version managementgit– | software downloadbrew

The overall scheme as above, the following will be selected for brief introduction.

iterm2 + zsh + oh-my-zsh

From using the system’s own terminal, to finding specific terminal software, such as Item2, TMUx, and finally stable iterm2.

The iterm2 software is shown in the figure below:

The core configuration of Iterm2 is as follows:

  • Appearance theme selectionminimal
  • Font selectionPragmataPro
  • Color theme selectionDracula
  • Background Choose a favorite wallpaper
  • terminalzshTopic selectionys
  • Added an ornament setting, terminal top displaycpu, memory, upload and download monitoring display

This is the iterm2 configuration that I adjusted, the rest is not modified, AND I will back up the configuration file and store it in the synchronization space.

ZSH + oh-my-zsh configuration code is as follows

export ZSH=$HOME/.oh-my-zsh
ZSH_THEME="ys"
plugins=(git autojump pip sudo web-search zsh-syntax-highlighting osx)
source $ZSH/oh-my-zsh.sh
prompt_context() {}
Copy the code

Here I have listed my configuration code in.zshrc, with the specific effect is the above software picture, the interface is clean and beautiful, the use of excellent experience.

In summary: Iterm2 + ZSH + oh-my-zsh’s terminal toolset is sufficient for my current terminal usage requirements and I am satisfied with it.

ppt

I have worked with Office, WPS and Keynote. Since office and WPS are the main household items in my work, the comprehensive scheme is as follows:

  • Write about the jobppt, according to the situationwpsoroffice
  • Write something of your own, like some technology to share, then usekeynote, style takahashi flow briefing recommended for good friends

Plug-in toolset – UTools

You just need to double click option to arouse uTools. After arousing, blur p and click preferences to enter the interface as shown below:

You can install the plug-in you want in the preference Settings. After installation, you can use the specified shortcut keys to quickly start the plug-in. The shortcut keys also support fuzzy query, which is very convenient.

Here’s a GIF of the operation I recorded:

Bucket graph function is used happily.

It has the following advantages

  • Everything is a plug-in, a plug-in to solve a problem
  • Shortcut keys to start quickly, that is to go, do not interrupt the current work
  • Small in size, smooth and easy to run

Summary: This is a very efficient plugin toolset and a great experience to use. It is one of my current and long-term uses of software.

Development tools – vscode | multiterminal developer tools | android studio

vscode

If you’re familiar with me, I’m now the main editor. I’ve done front-end development for Sublime, Atom, and WebStorm. But now we’ve decided to just use vscode. Here are a few plug-ins for your own use

  • vscode-icons
  • TODO Hightlight
  • Tabnine AI
  • Markdown All in One
  • Github Theme
  • Chinese
  • Better Comments
  • Comment Translate
  • file-size
  • Polacode-2020
  • Markdown All in One
  • Word Count

Applets developer tools

Now the front-end is basically to contact the developer tools, although not above the code, but must be used. Such as developing small programs, fast applications, and even using multi-end applications such as UNI and Taro.

android studio

Our company is an Android mobile phone company. Recently, we are learning Android development and using Android Studio. Feel very good, hope to master more client side knowledge and practical skills.

ui

I have used PHOTOSHOP, Sketch and Figma. Blue Lake was used when figma was not in use. However, the one I use most is Figma, which is very convenient to view and edit directly on the Web. Use Sketch as well. By the way, figma’s CTO is the author of Esbuild, very strong. It is foreseeable that in the future, UI collaboration software such as FIGMA on the Web will be dominant.

Caught – Charles | wireshark

Currently I only use Charles and Wireshark for MAC development. In most cases, just use Charles, and use Wireshark to capture lower-level and more detailed content.

I also complained about Charles’ bad experience before, and had trouble with Proxyman. However, considering that Charles was used in the company’s test and development, I continued to use it. I have to choose this according to my work situation. Just like powerpoint, where people use WPS for work and powerpoint communication, if you go to Keynote, there are some problems.

API tools – apifox

API tools are a set of tools for interface documentation, interface debugging, interface mocks, and so on. After playing around with various API tools, I now use Apifox, which integrates interface documentation, interface debugging, interface mocks, and many more open apis.

The software is shown in the figure:

Apifox = Postman + Swagger + Mock + JMeter

In a word: very easy to use, a very good API tool, use it is done.

By the way, some companies have their own tools that can be switched around depending on the job.

Database – navicat

Worked with many database management software, such as MongoDB Compass, NosqlBooster for MongoDB, MySQL Workbench, Navicat. Since Navicat supports mongodb, I have been using Navicat regularly as my database management software, which is stable and powerful.

The software is shown in the figure:

Summary: Very good experience, a very useful database management software.

Mind mapping

Having experimented with mind maps before, I now use only XMind, MindNode and the mind maps that come with the screen.

  • xmindI don’t use it much, mainly for other people in the company, such as testing test cases, so I also use it
  • mindnodeSuper simple and elegant interface, use very cool, use priority for the second
  • Screen mind map is the one I use most, the first priority, the main reason is that I already use the screen to make outline notes, and then use the screen to turn into a mind map, very efficient

The browser – chrome

The developer must have browser has very powerful developer tools and rich plugins. Here are a few of the plug-ins I use

  • Vimium
  • OneTab
  • Infinity
  • Octotree
  • Holmes
  • Cross word translation
  • Capture web page screenshots

It also has a chrome plugin that pushes good articles to resource management sites, similar to the zoom team’s tabloid system.

Unpack –maczipTake color – |sip| – version managementgit– | software downloadbrew

The color – sip

Currently only USING SIP, very portable and easy to use. Enter CMD + 3 shortcut keys to quickly take color, smooth without delay.

The software is shown in the picture below:

Compare – Beyond Compare

Currently only using Beyond Compare, it’s very easy to use and very powerful.

The software is shown in the picture below:

Summary: For carefully merged files that need to be manually compared, use Beyond Compare.

Version management – Git

My current git shortcut commands are as follows:

alias gs='git status'
alias ga='git add .'
alias gcm='git commit -m'
alias gb='git branch'
alias gba='git branch -a'
alias gp='git pull'
alias gpu='git push'
alias gl='git log'
Copy the code

These quick commands are also the ones I use most. They are simple, but convenient and practical.

Summary of work Kit

At this point, the work tool kit is introduced, some like project management software, CICD system, document system, I use the company’s internal software, not introduced here. The precipitation software introduced at present can meet most of my work content. If there is a good precipitation software in the future, this article will be updated.

Study kit

The overall plan is as follows:

  1. Self-developed resource management
  2. Storage: Baidu Cloud
  3. Notes: curtain, Tencent document, language sparrow

Self-developed resource management

The overall structure is as follows:

  • Technology stack:nuxt + node + mongodb + docker
  • System composition: front page system + management system + Chrome plug-in
  • Server: Local
  • Database: Local, data is backed up periodically

The page display is as follows:

chromePlug-in screenshot:

The functions are as follows:

  • Record the good external tools and resources, put them in the treasure box, and provide the function of adding, deleting, changing and checking in the background
  • Record the good share and put it in the shared information. The background provides the function of adding, deleting, changing and checking
  • Record the good chain article, put it in the article, the background provides the function of adding, deleting, changing and checking, and the foreground provides a powerful search function
  • Record the self-developed resources and put them in the resource navigation. The background provides the function of adding, deleting, changing and checking
  • In developer mode, use localchromeIf the plugin contributes to a good article or link, it will display the contribution in the article column

The local Docker is started with one key, the database is managed by Navicat, the data is backed up regularly, and the uploaded pictures are directly saved in the directory of the project. When you manage with Git, you also put your project into a synchronous space.

For personal things, no longer toss on the cloud server, before also the whole domain name and other things, now feel unnecessary. Local + git + synchronization space can be resolved, but also very reliable and stable.

The current use experience is good, I can usually want to collect all knowledge points together, convenient for me to study, refer to and use.

Storage – Baidu Cloud

As a storage software, Baidu Cloud is my best choice at present. I have been using it to store my various data, including, various videos, electronic books and pictures. Its safety and reliability is why I use it all the time.

Once also toss over cloud server storage, hard disk storage. Baidu cloud found behind are not as safe and reliable, although members can not speed limit, but this encounter big promotion to buy again, also ok, can accept. It saves a lot of things, and now you can use the synchronous space feature, so the experience is much better.

Note – the curtain finches | | tencent document language

Once toss over TXT files, to know notes, Youdao cloud notes, Mark Flying elephant, now mainly use curtain, language sparrow, Tencent document to take notes.

  • Curtain for outline class notes, along with the generation of mind maps, this is very convenient, my main notes
  • Language isofficeClass document main,markdownThe support is also very good
  • Tencent documents for assistance, mainly used for collaboration with others, after all, we all have wechat accounts

The curtain is as follows:

Language bird and Tencent document I will not screenshot, these two we are familiar with.

Learning Kit Summary

At this point, learning toolkit is over, the content is not much, mainly introduces the collection of articles, software, all kinds of good resource management system, save all kinds of learning videos, electronic books baidu cloud. As well as the combination of curtain language finch Tencent three as my notes software.

The overall precipitation is more satisfied, the only dissatisfaction is a little less learning time 😂.

Attach the official website address of all software

  1. Baidu cloud pan.baidu.com/download
  2. vscode code.visualstudio.com/
  3. snipaste www.snipaste.com/
  4. excalidraw excalidraw.com/
  5. gifox gifox.io/
  6. paste pasteapp.io/
  7. xmind www.xmind.cn/
  8. The curtain mubu.com
  9. mindnode www.mindnode.com/
  10. PicGo molunerfinn.com/PicGo/
  11. Mdnice github.com/mdnice/mark…
  12. iterm2 iterm2.com/
  13. utools u.tools/
  14. figma www.figma.com/
  15. sketch www.sketch.com/
  16. apifox www.apifox.cn/
  17. navicat www.navicat.com.cn/
  18. SwitchHosts swh.app/zh/
  19. maczip ezip.awehunt.com/
  20. sip sipapp.io/
  21. charles www.charlesproxy.com/
  22. wireshark www.wireshark.org/
  23. Beyond Compare www.beyondcompare.cc/
  24. Language finches www.yuque.com/
  25. Tencent document docs.qq.com/
  26. wps www.wps.cn/

The full text summary

To sum up, I have summarized some tool sets that I have accumulated in writing, work and study these years. As the saying goes: the knife does not mistakenly cut wood workers, the knife grinding fast, cut wood to be easy and efficient. The idea of this article is also the same, the tools carefully precipitation, to do things with ease, twice the result with half the effort.

Thank you

Thank you for reading my article, please pay attention to me, and I will publish some summary articles regularly in the future. You can also follow my official account, the QR code is as follows: