Introduction: In daily development, good tools often make us get twice the result with half the effort. As an old saying goes: to do a good job, you must first sharpen your tools. Using efficient tools can greatly improve our development efficiency. Next, I’ll share some of the productivity tools that treejam often uses in development
1 📁 Localization tools
1.1 Apifox
Official introduction: API documentation, debugging, Mock, test integration collaboration platform. Apifox = Postman + Swagger + Mock + JMeter The website address
Recommended reasons:
- For the front end: The data you mock out is very human
- For the back end: The functionality for debugging Postmam is fully available and supports automatic validation of data structures
- For testing: used to do interface automation test visualization configuration assertion function bar
- For the team: integrated collaborative tools to open up the front end, back end and test r&d closed loop
1.2 Utools
Official introduction: uTools is a modern desktop software that is simple and plug-in. You can choose a variety of plug-ins to create a handy tool set. Through the shortcut key can quickly call out this search box, unified design style and operation mode, help you get results efficiently. The website address
Recommended reasons:
- Rich plug-in center: each plug-in solves a specific scene problem, simple and easy to use, as you go
- Multi-function input box: Supports text, screenshot, picture, file, and folder
1.3 iTerm2
ITerm2 is a terminal replacement and successor to iTerm. It works with macOS 10.14 or newer. ITerm2 brings terminals into the modern age with features you never knew you wanted. The website links
Recommended reasons:
- It can create a beautiful and efficient Mac terminal
- Split screen support!
1.4 Zsh
Zsh is a powerful shell tool for Linux and one of the best-performing alternatives to Bash. Zsh can automatically complete commands, parameters, file names, processes, user names, changes, etc. It also supports plug-in extensions, which can support more functions to facilitate the efficient use of official website links
Recommended reasons:
- Supports command prompt and intelligent completion
- Support fast and automatic jump
1.5 Charles
Description: The most useful packet capture tool. Charles is a multi-platform HTTP proxy, HTTP monitor, and reverse proxy. It allows developers to view all HTTP and SSL/HTTPS traffic between the local machine and the Internet. The official address
1.6 SourceTree
SourceTree is a very useful Git GUI tool. It is a free Git GUI tool developed by Atlassian. You can operate any Git library. If you’re used to manipulating Git from the command line, ignore it. The website address
How is Github different from sourceTree?
Sourcetree is a GUI client of Git, similar to TortoiseSVN in SVN era. Github is a code hosting platform that uses Git to provide version control services.
Tampermonkey
Tampermonkey is a free browser extension and the most popular script manager for users. You can add and use scripts by using Tampermonkey. Through these scripts, you can achieve video analysis, music download, network disk direct connection analysis, shielding website advertising and other functions
1.8 Typora
Typora is a Markdown text editor that supports real-time preview. Simple and easy to use, I believe you love it! The website address
1.9 Alfred
Official: Alfred is the award-winning macOS application that boosts your productivity with hotkeys, keywords, text extensions, and more. Search your Mac and the Web, control your Mac through custom actions, and improve efficiency. The website address
1.10 the Dash
It’s official: Dash gives your Mac instant offline access to the 200+ API documentation set. The official address
Recommended reasons:
- Offline document search: quick and easy API index, including JavaScript, React language and library documents
2 📘 Online tools
2.1 CodeLF
Variable naming artifact. CodeLF searches project source Code for online open source platforms Github, Bitbucket, Google Code, Codeplex, Sourceforge, and Fedora Projec to find existing variable names that match keywords.
Recommended reasons:
- Help developers find existing variable names that match keywords from Github, Bitbucket, Google Code, etc
- Supports plug-ins in the VScode editor
2.2 NPM. Devtool. Tech
Recommended reasons:
- The most intuitive view of popular NPM packages
- You can debug an NPM package directly from the console
- Upload package.json to view the technology stack for the project, where you can step through the layers to see what each dependency package is used for
2.3 Codesandbox
It’s official: Ready-to-use, full-featured online IDE for Web development on any device using a browser.
Recommended reasons:
- Get started fast: Templates for all the popular frameworks like Vue and React make it easy to quickly create projects and experiment with code and ideas
3 the last
If you have other productivity tool recommendations, feel free to leave them in the comments! For those of you who want to learn more about collaboration tools, you can read Treejam’s previous 1200 likes: Talking about Front-end Development daily collaboration Tools (full)
Previous popular articles 📖 :
- These Node open Source tools are worth owning
- Developing visual Data Screens from 0 to 1 (PART 1)
- Developing visual data Screens from 0 to 1 (part 2)
- Construction of front-end Knowledge System of Tree Jam (PART 1)
- Construction of front-end Knowledge System of Tree Jam (Part 2)
- Talk about daily collaboration tools for front-end development
- Babel configuration is stupid
- How to better manage the Api
- The interviewer asks you about Node
- Front-end engineering stuff
- Did you learn BFF and Serverless
- Front-end operations and deployment
Hello, I am 🌲 tree sauce, please drink a cup 🍵 remember three lian oh ~
1. Remember to click a thumbs-up after reading oh, there is 👍 motivation
2. Pay attention to the interesting things at the front of the public account, and chat with you about the interesting things at the front
3. Github frontendThings thanks to Star✨