VueJS, TailwindCSS & FrappeUI Training - Day 3 | Getting started with FrappeUI

[@techmaniacc6065]

Following up, thank you G

[@raphaelaugustos1305]

May you show us how to debug a vue file using vite inside chrome dev tools and vscode?

[@BuildWithHussain]

I did show Vue Dev tools which is essential for debugging Vue apps. Vue Dev tools; devtools.vuejs.org

[@NitinAgarwal-f2x]

When we close the dialog box, does the frappe ui update the showdialog from true to false by itself??

[@BuildWithHussain]

If using v-model, yes, because it is a two way binding.

[@shaikhAbdulNadir]

Serving VueJs SPA from custom Frappe apps , I have followed all the steps as mentioned in the video such as putting todo.html in www directory of frappe custom app and assets in public folder but it's showing blank page not the content , when I am running these files by keeping them in other folder and running using live server it's working properly , please tell me what is wrong

[@ntdude]

@BuidWithHussain Your installation in frappe cloud worked fine in the first go. But when I do the same - that is - in a different environment I pull latest code and run bench build, it fails while building the Vue app. I have to manually cd into the Vue app folder and run: yarn install. Post that bench build succeeds. How did it work for you in the frappe cloud in the first go? When does postinstall execute? Am I missing a step?

[@BuildWithHussain]

Check your root package.json file for postinstall command. (Should be something like: cd frontend/ && yarn install)

[@robertomarianic]

Excellent! thanks

[@goldenearth9647]

How to mount vue app inside bench and run bench start without having to start vue app yarn dev

[@BuildWithHussain]

Run bench build and that should do it. Dev server is for development, in production it doesn’t run.

[@robertomarianic]

Hello. Thank you for your video. Frappe HR mobile use this framework?

[@BuildWithHussain]

Hi 👋 Yes!