HBuilder X , most light weight IDE for Vuejs web development can be superb choice. I feel the documentation lacks something. So I decide to write a quick setup.
Configuring the node, npm path
The HBuilder come without auto configuration, until it fully configured, the npm run dev/serve will not work properly.
How to
Go to Tools-Settings Run under the Node Running configuration select npm and node path.
Plugins
These are the recommended plugins you can use with HBuilder X. Have a look at the Tools Plugins options to install needy one.
Now your HBuilder X work properly as expected. Use the File – New – Project to quickly create Vue/Vue3 projects and right click project and choose External command.
Closing the project
Just dismiss the terminal window.