Does anyone have experience adding a Vue Cli structure to uibuilder, or do i need to use the traditonal way ?

Seems to be a duplicate question? You can use the cli if you like but you need to understand the uibuilder folder structure. Deploy a uibuilder node and then look at the folders it creates. As long as you stick with the ~/.node-red//uibuilder/<url>/ folder structure and put your source code in the s…

Have a look at this example, it's my first version but just to get an idea: [image] Front-end based on uibuilder: 1. component acc-switch.vue Share Your Projects [acc-switch] Flow: [{"id":"31554538.d666ba","type":"uibuilder","z":"96248ad2.2c3df8","name":"","topic":"","u…

Node-RED

Node-RED Forum

UI builder Vue CLI

General

cflurin 16 April 2020 07:33 3

Have a look at this example, it's my first version but just to get an idea:

Topic		Replies	Views
Can you use Vue cli to make front end in with the UIbuilder node? General	3	734	17 April 2020
How to transform a vue.js application to uibuilder General uibuilder	21	4352	6 August 2020
Using uibuilder with vite Dashboard uibuilder	19	2435	11 February 2022
Uibuilder Webpack Wiki General uibuilder	7	1009	20 September 2021
Ui Builder learning reference General	8	572	21 December 2020

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

UI builder Vue CLI

Related topics