- 14
- 11 772
Vue Designer
Singapore
เข้าร่วมเมื่อ 5 มิ.ย. 2023
Quasar Visual Controls and Floating Tool - New with Vue Designer v1.4!
A quick demo of Visual Controls and Floating Tool for Quasar, introduced with Vue Designer v1.4!
Take Vue Designer for spin, early adopter promo ends soon - vuedesigner.com
Take Vue Designer for spin, early adopter promo ends soon - vuedesigner.com
มุมมอง: 418
วีดีโอ
Coming soon: Embarking on Our Quasar Journey!
มุมมอง 19311 หลายเดือนก่อน
Coming soon... 🎉 Drag 'n drop and visually design your cross-platform Quasar apps with special visual controls, floating tools, and more. Exciting times ahead! #quasarframework #vuejs #vueschool #pinegrow Teaser credits: Thanks to Danny Connell for teaching us how to build this fantastic weather app (Watch the tutorial: quasar.dev/video-tutorials).
Coming soon: Interactive Component Blocks from Vuetify docs via Nuxt Layers
มุมมอง 191ปีที่แล้ว
Coming soon: Interactive Component Blocks from Vuetify docs via Nuxt Layers
Vue and Pinia between Astro Islands
มุมมอง 286ปีที่แล้ว
techakayy/status/1724262009389412394?s=46&t=mrTYvo3TuBiR0YNvlpYUkQ
Exploring the new nuxt.com website with Vue Designer!
มุมมอง 829ปีที่แล้ว
Vue Designer 🎉 - A desktop visual editor for Mac, Windows and Linux that lets you visually design your Vue applications, by Pinegrow. It integrates into your current workflow, no lock-in 😃 In this tutorial, we will work on the AppFooter.vue component of the new nuxt.com website launched during NuxtNation 2023. This tutorial showcases how to make your components responsive using Vue Designer's p...
Laravel Inertiajs with Vue Designer (Vite-powered)
มุมมอง 1.1Kปีที่แล้ว
Vue Designer 🎉 - A desktop visual editor for Mac, Windows and Linux that lets you visually design your Vue applications, by Pinegrow. It integrates into your current workflow, no lock-in 😃 In this tutorial, we will setup a sample repo to live-design Vue components of a laravel inertiajs project. This tutorial will help you configure any Vite-powered project to enable live-designing capability w...
Vuetify with Vue Designer (Nuxt-powered)
มุมมอง 2.5Kปีที่แล้ว
Vue Designer 🎉 - A desktop visual editor for Mac, Windows and Linux that lets you visually design your Vue applications, by Pinegrow. It integrates into your current workflow, no lock-in 😃 In this tutorial, we will build a beautiful Nuxt-powered Vuetify Card following a sample design from Vuetify card documentation page. This practical experience will help you uncover the vast capabilities of V...
App Tree & State Panel Demo
มุมมอง 119ปีที่แล้ว
Vue Designer’s All-New State Panel is here with version 1.2.
Pizzeria Static HTML into Vue Islands with 🏝 Iles, Vitepress & Astro
มุมมอง 2.4Kปีที่แล้ว
Vue Designer 🎉 - A desktop visual editor for Mac, Windows and Linux that lets you visually design your Vue applications, by Pinegrow. It integrates into your current workflow, no lock-in 😃 In this course, we will transform a static HTML landing page into dynamic Vue Islands using advanced frameworks such as 🏝 îles, Vitepress, and Astro. This practical experience will help you uncover the vast c...
Vue Designer with Vite
มุมมอง 492ปีที่แล้ว
Create a new project using the official docs, install and configure Pinegrow Vite Plugin and visually design your Vue components.
Vue Designer - Quick Start
มุมมอง 2.4Kปีที่แล้ว
Use one of the Quick Start templates or Sample apps to get started with Vue Designer.
Learn about Vue Designer Features!
มุมมอง 136ปีที่แล้ว
Watch a short narrated video to learn about how Vue Designer works and what it can do for you.
Welcome to Vue Designer!
มุมมอง 393ปีที่แล้ว
Vue Designer is a visual IDE for Vue applications. It works with every Vite project and frameworks such as Nuxt and Iles. “Bugs” licensed via Music Vine: 8JGTV0TXWPP2PURO
Vue Designer - Config Panel
มุมมอง 327ปีที่แล้ว
To visually work in Vue Designer, follow the instructions in the Config Panel, and simply add the Pinegrow Vite plugin or integration module (for Meta-frameworks) to your project.
Great tutorial! 2:29:12 How does the Pinegrow prop editor know that the property is an icon property (e.g. in BaseButton) when the prop type is String and the value is null by default? I tried to figurate it out, but without succes.. :) In other words, if I create custom component with some icon prop, how can I set it to show icon picker?
ah okey, i found it, if it has to be as icon picker, the prop should contain the "icon" keyword :)
Thanks for your feedback. Yes, you got it right, suffixing prop with icon helps. Also, if your prop can take a dropdown of values (javascript doesn’t have enum data type), then you can define them in the web-types.json file. You can find this is in the root folder of all our templates with some examples.
I'm really sorry about your tutorial, I saw in your previous videos that you didn't make a project from a blank page to an application or from the start of a blank project, but most of the time there is already a template, so the spending isn't good
By the 30th minute you're deleting everything we've been struggling with. It didn't work for me anyway, no problem. Among the developers, there are those who use windows 10, and those who do not use MAK. Can't we create a project from scratch, clean and empty?
Thanks for your feedback. Like you, after this course, other users also requested the ability to clone a empty project from scratch. So, we added that feature in v1.3 (pinegrow.com/release_notes/vue-designer-1-3/).
There shouldn’t be any difference in following the course on Windows rather than a mac. Was there any spot you had to do anything different on your Windows machine?
I’m planning to redo this course to make it shorter, precise, aligning with the latest version, but its generally a challenge keeping video courses in sync with quick iterations of our tool. Appreciate you patience and understanding in this regards 🙂
There’s a new feature on TH-cam, too, you really should give it a try… it’s called audio 😉
Ohh yeah, of course 😊 This was a quick one. I’m working on a proper one with audio for next week 👍🏽
Quasar is good news , thanks for the video...
Thxs, this is just a start for us with Quasar! 😀
`Menu wizards` would be a nice plugin too. Thanks for this short demo.
Thank you for your feedback, sure will consider it 👍🏽
Great. Quasar plugin would be a very nice addition in Vue Designer!!!
Thank you for your feedback, first-class support for Quasar is now available from Vue Designer v1.4! More to come in the future.
@@vuedesigner Oh wow. I will try it asap
This tool is NOT worth more than 50 bucks yearly and you do not have a monthly sub, where is your marketing team?
This is very cool and exactly what I've been looking for (visual IDE for Astro with state management). Can you please create a short tutorial on creating an astro site with Pinia state management across all components?
I would also like to suggest that a tutorial be made to show how an app can be built in a peer to peer networking model, wherein each mobile phone also acts as a server to other clients. The Supply Socket library for peer to peer networking would be a great use case and the client can expose its own REST or other kind of endpoint portfolio to communicate with other peers. I'm working on a voucher publishing app that operates in a peer to peer model and I would love to use Vue Designer to build it.
This is a really great video. Thank you so much for making it. I would like to also make a small recommendation. In future videos, it would help viewers if you used a different corner to show your face throughout the course, other than the bottom left corner. The bottom left corner typically has the most valuable information for coders. It's true that this is about visually designing, but I couldn't see the commands that you were typing the few times you used the command line...
I'm using Laravel 10 + Jetstream + Inertia + Vue + Vuetify. I'm stuck at "The currently loaded component (Login.vue) hasn't mounted yet and hence is not displayed in the page view. To edit the component, navigate to where the component is used in the app." It shows that for ANY component. UPDATE: After restarting Vuedesigner it's working
✋ *Promo SM*
I've got a feeling that doing it by hand with code would be far less complex. Maybe this tool could save some time for less techy people.
Would like to see Vue designer with supabase for backend. Just like flutterflow. That's the kind of thing I want to see
I really need it for web site design since flutter still got SEO issues. It really would be a good to go. think about it.
Thxs bunch for your feedback. Will definitely brainstorm on backend integration 👍🏽
Can I edit/ update an existing vue, nuxt project with vue designer?
Hello, yes you work on your existing Vite-powered Vue or Nuxt projects in Vue Designer. Simply open your project folder and follow the instructions displayed in the config panel. More details in our docs here - pinegrow.com/docs/vue/
@@vuedesigner thanks
Hi @vuedesigner - i'm getting started with the course, and as i run the lint command, i keep getting this: [error] No files matching the pattern were found: "'!public'". 15:26 is this..not ok? :- )
Thanks for spotting this @TytusDubel, please search for !public in your package.json and remove the single quotes around it. More of a mac vs windows path issue (stackoverflow.com/questions/63070243/getting-an-error-no-files-matching-the-pattern-were-found-when-using-prettier). Lint command in package.json chains both linting and formatting. It is always a good practice to lint (and format) before git committing, but shouldn't impact the working of the app.
Is Svelte Designer coming up? That would be a killer app for the Svelte community.
Hi @flipitonce, at Pinegrow, we do have svelte under our radar 😀 We are focusing on Vue for now, as it works nicely with our existing capabilities. Vue Designer was built on top of Pinegrow Web Editor.
hi. It is possible enable transcription?
Thanks for your feedback. We have turned on auto-captions, please use the CC icon on the video controls. Hope this helps. Have fun with Vue Designer :-)
@@vuedesigner excellent thank you very much :)
no interactions as for pinegrow web editor?
Hi @TytusDubel, we are exploring some solutions for interactions in Vue Designer.
Will it support quasar? I was using the trial, and I've been trying to use it with Vite+Quasar but it seems doesn't work.
Hi @muhammadsurgasavero220611, we do support Quasar from v1.1. Please download the latest version and try. Reach out if you need help setting it up 🙂
Looks promising. Will keep an eye on this
Thank you. Hope you enjoy it!
Figma designs for the Happy Paws App - www.figma.com/file/wnY0mv6bW4Anx7bIJW4Now/HappyPaws?type=design&node-id=20-243&mode=design