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.


This free site is ad-supported. Learn more