about

  • My blog: Louis Blog
  • SF column: Lewis front End in Depth
  • Link to: Development productivity tools

takeaway

Sharpen your tools if you want to do a good job!

I still remember: when I first started working, a colleague who was developing software used extremely efficiently. I have seen him open development software in seconds, gracefully pull up hidden functions, input data and output results in a seamless flow, without ever taking his fingers off the keyboard. I was amazed at how important it was to improve development efficiency! Hence this text.

This paper focuses on development and gives consideration to PM students. Tool sharing will involve:

  1. Recommended by PM or blogger Markdown editor
  2. Recommended for MAC heavy dependents
  3. Terminal convenient tools are recommended
  4. Chrome Extension and add-on development
  5. Alfred Workflow’s homemade and open source recommendations

Write down any ideas that come along

A person’s brain can produce about 60,000 ideas in a day, many of which have many excellent ideas. If we could learn to capture even part of the inspiration, the benefits would be enormous. Therefore, in the work, we need to write down the inspiration flashed in time, so as to facilitate leisure time to learn from the past. Two note-taking apps are recommended: ① Evernote ② OneNote.

Markdown editor

There are currently at least six markdown editors to choose from:

  1. Typora, simple, light and free, unique WYSIWYG, can be edited in the preview state, rich shortcut keys, script highlighting function is brilliant, exported to PDF, typesetting is also normal, this is very rare, the author is using this.
  2. Ulysses provides powerful functions, rich shortcut keys, and supports directory import and multi-terminal synchronization.
  3. MWeb Lite, a mini version of MWeb, is free and supports directory import.
  4. Macdown, based on MOU development, light weight, does not support directory import.
  5. Mou has a long history and is said to have a small number of bugs. For details, please refer to the two Markdown editors MOU /MacDown big PK – Brief book.
  6. Markeditor, the new Markdown editor, is visually oriented and has a nice interface but is slow to run.

For the above, Typora and Ulysses are recommended.

Mac heavy dependents

The development tools

  • Charles network packet analysis application, a must for MAC.
  • The aText input enhancement app is much more user-friendly than TextExpander and has better support for Chinese and third-party input methods.
  • Dash MAC API collection application, contains API documentation for almost every language.
  • SnippetsLab excellent snippet management tool, lightweight, can be based on the menu bar operation.

To improve efficiency

  • Alfred 3 magic cap, support ① quick open application; Support Finder, Calculator, Contacts, Clipboard, iTunes, System, Terminal and other native applications of various convenient functions; ③ Support Workflow.
  • Iterm2 enhanced terminal applications, powerful, support split screen, history, select copy and so on.
  • Sip full screen color application, support shortcut keys out (front-end Gospel, looking for many years, finally discovered).
  • Keka compression or decompression application, open source free, high compression ratio, easy to operate, support rar and other decompression, compression of Chinese directory, open in Windows without garbled characters and other phenomenon.
  • SwitchHosts domain name host resolution essential artifact, support Windows and Mac open source tool, Mac only a few hundred K size.
  • There is a custom app that Reverser scrolling for the mouse or trackpad.
  • The Size Up split-screen app, a moon-like app, supports the top, bottom, left, right center, quick split-screen in four corners and multi-screen switching.
  • Divvy is another split-screen app that divides the screen into multiple grids and then defines shortcuts for each grid. Unfortunately, it doesn’t support multi-screen switching.
  • Graphviz is a Graphviz Automatic layout application for directed graphs and undirected graphs. Use Graphviz to draw structure diagrams and use Graphviz to draw flow charts.
  • XMind mind mapping application, suitable for business and thought sorting.
  • IThoughtsX is another mind mapping app that is more concise and lightweight.
  • Pomodoro One is an app for the Pomodoro technique.

Bloggers must

  • ScreenFlow is probably the best screen recording app on the MAC.
  • Annotate screen capture annotation app, which, surprisingly, supports zoned GIFs, tutorials, and giFs for authors.
  • Licecap is an extremely powerful and minimalist GIF recording application for MAC. It is free to use, supports FPS frame rate adjustment and has no recording time limit.

Mac customized

  • By Bartender 2, you can hide all menu bar ICONS and give you a clean menu bar.
  • CDock taskbar custom application, you can set the Dock transparent, but also you a clean taskbar.
  • TextBar custom menu bar output, support script running, support H5 rendering.
  • Growl customizes notification styles and supports customization of various themes and parameters such as color, size, fade time, etc.
  • Karabiner keyboard mapping modifier artifact.
  • Keyboard Maestro, the most versatile Keyboard enhancement application for MAC.
  • BetterTouchTool Is a MAC touchpad enhancement tool.
  • Ubersicht gorgeous desktop custom app, similar to Rainmeter for Windows. Support the H5.
  • Today Scripts personalization notification plugin that supports bash Scripts (not supported by the latest OSX systems).
  • The Mountain Tweaks MAC Hide feature opens the app.

The party is playing with the Mac

  • TripMode mobile hotspot traffic manager, good news for business travelers.
  • Caffeine lights up the MAC to avoid falling asleep during long powerpoint presentations.
  • Tickeys keyboard typing style simulation application, support Cherry shaft and other styles.
  • Keycue shortcut keys Auxiliary applications to help you remember shortcut keys.
  • AirServer Required for IOS connection to MAC.
  • Beyond Compare file comparison application, support files, directories, FTP remote address comparison, etc.
  • Debookee network packet capture and data analysis application.
  • EasyFind is a small but powerful file search application that rivals Everything for Windows.
  • FileZilla is a free open source FTP application.
  • OmniDiskSweeper hard drive space scan app to help MAC lose weight.
  • Kaleidoscope file and image comparison application, supports image comparison, can be perfect with Git, SVN and other version control tools.
  • AppCleaner MAC Application uninstall tool, combined with AppCleaner Workflow for better use.
  • TeamViewer develops or assists with essential applications remotely.
  • Script Debugger a powerful AppleScript editor.
  • Reeder’s elegant RSS feed app.
  • HyperSwitch provides quick toggling of preview images, similar to Command+Tab.
  • Cool Retro Term terminal turns into a retro display.
  • Fruit Juice Battery Management app to help delay battery life.

Terminal command

  • There are many different ohmyzsh shells, and bash is one of the most commonly used. ZSH is by far the most powerful shell in the world, and ohmyzsh shields the complex configuration of ZSH and truly achieves the purpose of one-click implementation of ZSH.

    # Automatic setup & setup under Mac
wget https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh -O - | sh
Set the shell to use ZSH by default
chsh -s /bin/zsh
# Right-click on the dock to exit the terminal, and then restart the terminalCopy the code

  • Brew Install Autojump allows you to quickly jump to a previously opened directory.

  • Brew Install TMUx Terminal reuse tool, which can be used to create Windows independent of terminals.

Chrome Extension article

Front end on

  • React Developer Tools React Developer Tools.
  • Redux DevTools Redux developer tools.
  • FE assistant Baidu launched the front-end assistant, with a lot of convenient small functions.
  • YSlow Yahoo performance analysis tool.
  • Postman interface debugging tool that supports almost all types of HTTP (S) requests.
  • EditThisCookie Cookie editing tool that can be used to get or set the value of cookies such as HTTP only.
  • JSONView JSON preview tool, necessary for interface debugging.
  • Page Ruler, useful when reconstructing a Page or developing a Page strictly according to the design.
  • Alexa Traffic Rank website Alexa Rank viewing tool.

Work efficiency

  • OneTab quickly closes and stores all Tab pages in the current browser window, which can be used for the next one-click recovery.
  • Merge Windows merges all browser Windows into one window.
  • Vimium keyboard party prerequisite, use vim command management page.
  • Android phones can be operated directly on Vysor MAC, and the user interface can be shared remotely.

Web site about

  • Octotree Github is a must-have for heavy users and provides a left-hand sidebar for a quick look at the contents of the repository.
  • AdBlock is the most popular Chrome extension with over 40 million users.
  • Reading Mode Quickly opens reading mode for immersive reading, not all web pages are supported.
  • Blipshot full web screenshot tool, support automatic vertical scrolling, capture all the content of a web page into a picture.

Chrome Extension development

Related articles

  • Sample Extensions – Google Chrome
  • Turing Community: Collection: Chrome extension & application development
  • Google Chrome extension development series

Alfred workflow

I have spent a great deal of energy trying to find an optimal strategy for computer efficiency, with little success. It wasn’t until I met Alfred, with his powerful workflow mechanism, that I realized that computers could play this way. Because it completely solves the pain points of input and output, greatly reducing the switching costs between programs and key costs.

Traditionally, when using a MAC, in order to query a word, or translate a word, we either go through five steps: ① Manually open the browser ② Enter the Google home page ③ select the input box ④ Enter or paste the query word, then blank and add “translate”, then press Enter ⑤ wait for the browser to display the query result; Either go through four steps: ① Open the translation application (such as its own dictionary) ② enter or paste the query words ③ Translate the application to output the query results ④ After the query, generally need to Command+Q to exit the application (otherwise the Dock will be full of open applications).

In the word query scenario, we need to at least make a splash, switch or open an application twice, locate the input field once, and enter or copy and paste once. The query results page also blocks the current workspace, distracting us and making us forget what we were doing. Five words – The experience is not smooth.

Alfred’s workflow is designed to solve this problem. If we use Workflow of Youdao Dictionary developed by netizens, we can get the query results of words with only two keystrokes. For example: To query the word “Workflow “, I select the area where the word is located and hold down Option+Y (I’ve set the shortcut key for Youdao Translation to Option+Y). The word query results come out without switching apps and the query results are less blocking the workspace. As follows:

Youdao Dictionary workflow

The Alfred interface above uses the minority theme.

For other workflow content, go to Alfred Workflows, where you can find even more great Workflows.