List of useful tools
Browser plugin
- Vue.js devtools As the name suggests, a very useful browser vue development debugging plugin
- React Developer Tools React development debugging plug-in
- Octotree - GitHub code tree Generate sidebar of file tree in github repository for easy online viewing/jumping
- XPath Helper Extract the XPath of the DOM element selected by the current website, which is useful when doing point testing.
cli development
shelljs shell calling tool
execa shell calling tool
chalk node terminal output beautification tool
ora Terminal loading tool
chokidar File listening tool
is-ci Check whether the current environment is an integrated environment
Http server
Server Framework
Nestjs Node-side development framework of Spring boot
Next.js React application development framework
Nuxt.js Vue application development framework
Think.js Node-side development framework
Egg.js Alibaba's open source Node-end development framework
VSCode plugin
skin
- One Dark Pro I personally think it is very pleasing, easy to use and comfortable skin.
- Material Icon Theme Very comprehensive and beautiful file icon theme
Assisted Development
- IntelliCode Auxiliary code prompts
- Code Spell Checker Spell Checking Plugin
- Error Lens Display error messages in a more friendly and intuitive way
- Better Comments More friendly comments
- Bracket Pair Colorizer Code indentation highlight
- Import Cost Display package volume
- Todo Tree TODO comment highlight
- indent-rainbow Indent highlighting
- Path Intellisense File path prompt
- TypeScript Hero typescript auxiliary development tool
- any-rule Complete collection of regular expressions
- Rest Client Rest tool of class Postman
Test Tool
assertion
unit
2e2
GIT related
- @commitlint/cli
- @commitlint/config-conventional
- commitizen
- conventional-changelog-cli
- cz-conventional-changelog
- husky
- lint-staged