Do you have a technical question? We're here to answer it!
🙍♂️ In this episode, a community member asked us:
"What's the best way to organize a Vue project (folder structure, linking the scripts, etc.)? I'm looking for the best "natural" way to build a good project structure, as I won't always be able to use services like Vite and Vue-cli.”
🙆♀️ Our answer:
If you'd like to use Vue without the build step, so that you can sprinkle Vue into an existing project you can include it via a normal script tag from a CDN. If you want the advantages of a build step (using the .vue files) then using Vite or Vue-CLI is really the best way to go. If you can't use either of those for one reason or another you can manually use the webpack vue loader (https://github.com/vuejs/vue-loader). Or the framework that you're using might just have an out-of-the-box solution for Vue such as Laravel Mix (https://laravel.com/docs/11.x). You can also take a look at the Vue Style guide and it can give you some guidance on file names, etc. Another good option is using Nuxt (https://nuxt.com/) as it makes some standard file structure decisions for you.
🙆♀️ Do you folks have any questions? Feel free to comment below!
____________________
More Vue School:
Twitter: https://x.com/VueSchool_io
LinkedIn: / vueschool
Facebook: / vueschool
Instagram: / vueschool
Website: https://vueschool.io
