0Pricing
Vue Academy · Lesson

Generated Project Structure

Tour the files and folders a Vue project generates.

A Tour of the Project

A scaffolded Vue project has a predictable folder layout.

  • src/ your application source code
  • public/ static assets served as-is
  • package.json dependencies and scripts
  • index.html the page Vue mounts into

Knowing where things live helps you navigate quickly.

The src Folder

The src/ folder holds everything you write.

src/
  assets/        # images, fonts, global CSS
  components/    # reusable .vue components
  App.vue        # root component
  main.js        # application entry point

All lessons in this course

  1. Vue CLI Installation
  2. Generated Project Structure
  3. CLI Configuration and Plugins
← Back to Vue Academy