Understanding the file system in Magento 2

Understanding the file system in Magento 2

Magento 2 Exam Series — Magento Architecture & Customization Techniques: Determine how to locate different types of files in Magento.

_One of the first things you can do to get started with component development is to understand and set up the file system. Each type of component has a different file structure, although all components require certain files. In addition, you can choose the component root directory to start development. The following sections have more information. — [Magento DevDocs — About component file structure_](https://devdocs.magento.com/guides/v2.4/architecture/archi_perspectives/components/modules/mod_intro.html)

Where to find Javascript and PHTML files?

  • view/frontend/web/js
  • view/frontend/requirejs-config.js
  • view/frontend/layout
  • view/frontend/templates

Component root directory

A component root directory can take place in 2 places, /app and /vendor, and it’s the top-level directory for that component.

/app

  • Modules — app/code.
  • Storefront themes — app/design/frontend.
  • Admin themes — app/design/adminhtml.
  • Language packages — app/i18n.

/vendor

  • Modules — vendor/[vendor-name]/[module-module-name]
  • Storefront themes — vendor/[vendor]/theme-[area]-[theme-name]
  • Admin themes — vendor/[vendor-name]/theme-adminhtml-[theme-name]
  • Language packages — vendor/[vendor-name]/language-en_us

_Any third party components (and the Magento application itself) are downloaded and stored under the vendor directory. If you are using Git to manage a project, this directory is typically added to the .gitignore file. Therefore, we recommend you do your customization work in app/code, not vendor. — [Magento DevDocs — Create your component file structure_](https://devdocs.magento.com/guides/v2.4/extension-dev-guide/build/module-file-structure.html)

magento-2 web-development magento magento-2-development magento-2-tutorial

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Top Magento Development Companies | Magento Developers | Australia | TopDevelopers.co

An extensively researched list of expert Magento developers with ratings & reviews to help finds the best custom Magento development companies around Australia.

Hire Magento Developer| Hire Magento 2 Developer | Hire Magento Certified Developer

Hire Magento Developers from Data EximIT to build feature-rich and custom Magento theme, plugin and E-Commerce webstore! Consult us today to hire our dedicated magento developers on full-time, part-time and hourly contract basis!

Hire Magento Web Developer & Programmer | Magento eCommerce Developer

Hire magento eCommmerce developer & programmer from WWT for your eCommerce store. Our magento developers provides services on full time, part time or hourly basis.

Top Magento Development Companies | Hire Magento Developers | India | Topdevelopers.co

An extensively researched list of expert Magento developers with ratings & reviews to help finds the best custom Magento development companies around India.

A Quick Guide to Magento 2 Module Development Using Pestle

Magento 2 has a wide range of tools that help you with developing modules. One of the well-known CLI tools in Magento is Magerun. This is an extension of Magento's own CLI tool that already comes out of the box when you install Magento 2. One of my favorite tools that I use a lot is Pestle by Alan Storm.