Most people starting their journey

Most people starting their journey on web development don't really pay much attention to their project structure. This is because its not really necessary, and one can easily get away by putting a bunch of html, css, and javascript files in a single folder, and linking them together. However, once you start developing more complex web applications requiring multiple frameworks and libraries, you will quickly find that this single folder structure will not cut it, and without proper organization, adding new features to your project becomes a nightmare.

If you explore any popular repo on Github, you will most likely see a bunch of folders called 'lib', 'dist', 'app', 'public', 'fonts', and also a bunch of weird files like 'bower.json' and 'package.json' which don't have any apparent relation to the project itself. "Why are all these files and folders there? Why am I seeing anything other than html, css and js files?" is what I thought to myself when I was introduced to my first professional project, and a transition from a single folder to an organized structure can definitely be a bit confusing, so here is my attempt to explain as simply as possible, what each file and folder is doing in your project and what exactly is its purpose in life

The directory structure shown here is the standard yeoman web project structure.

Kết quả (Việt) 1:

Hầu hết mọi người bắt đầu hành trình của mình vào sự phát triển web không thực sự chú ý nhiều đến cơ cấu dự án của họ. Điều này là bởi vì nó không thực sự cần thiết, và một có thể dễ dàng lấy đi bằng cách đặt một bunch of html, css, và javascript tập tin trong một thư mục duy nhất, và liên kết chúng lại với nhau. Tuy nhiên, một khi bạn bắt đầu phát triển ứng dụng web phức tạp hơn đòi hỏi nhiều khuôn khổ và thư viện, bạn sẽ nhanh chóng thấy rằng cấu trúc thư mục duy nhất này sẽ không cắt nó, và nếu không có tổ chức phù hợp, thêm tính năng mới cho dự án của bạn sẽ trở thành một cơn ác mộng.Nếu bạn khám phá bất kỳ repo phổ biến trên Github, bạn rất có thể sẽ thấy một bó của các thư mục được gọi là 'lib', 'q.', 'ứng dụng', 'công cộng', 'phông', và cũng có một bó của tập tin lạ như 'bower.json' và 'package.json' mà không có bất kỳ mối quan hệ rõ ràng cho các dự án riêng của mình. "Tại sao các tất cả các tập tin và thư mục không? Tại sao tôi nhìn thấy bất cứ điều gì khác hơn là html, css và js tập tin?"là những gì tôi nghĩ đến bản thân mình khi tôi đã được đưa vào dự án chuyên nghiệp đầu tiên của tôi, và một quá trình chuyển đổi từ một thư mục duy nhất để một cơ cấu tổ chức có thể chắc chắn có một chút rắc rối, vì vậy đây là nỗ lực của tôi để giải thích càng đơn giản càng tốt, mỗi tập tin và thư mục đang làm gì trong dự án của bạn và những gì chính xác là mục đích của nó trong cuộc sốngCấu trúc thư mục Hiển thị ở đây là cấu trúc dự án web yeoman chuẩn.

Kết quả (Việt) 2:

Hầu hết mọi người bắt đầu cuộc hành trình của họ về phát triển web không thực sự quan tâm nhiều đến cấu trúc dự án của họ. Điều này là bởi vì nó không thực sự cần thiết, và người ta có thể dễ dàng nhận ra bằng cách đặt một bó html, css, và các tập tin javascript trong một thư mục duy nhất, và liên kết chúng lại với nhau. Tuy nhiên, một khi bạn bắt đầu phát triển các ứng dụng web phức tạp hơn đòi hỏi nhiều khuôn khổ và các thư viện, bạn sẽ nhanh chóng thấy rằng cấu trúc thư mục duy nhất này sẽ không cắt nó, và không có tổ chức thích hợp, thêm tính năng mới cho dự án của bạn sẽ trở thành một cơn ác mộng.

Nếu bạn khám phá bất kỳ phổ biến repo trên Github, bạn rất có thể sẽ thấy một loạt các thư mục có tên 'lib', 'quận', 'ứng dụng', 'công cộng', 'phông chữ, và cũng là một loạt các tập tin lạ như' bower.json 'và' gói .json 'mà không có bất kỳ mối quan hệ rõ ràng với bản thân dự án. "Tại sao tất cả những tập tin và thư mục đó? Tại sao tôi lại thấy bất cứ điều gì khác hơn so với html, css và js?" là những gì tôi nghĩ đến bản thân mình khi tôi được giới thiệu với dự án chuyên nghiệp đầu tiên của tôi, và một sự chuyển tiếp từ một thư mục duy nhất để một cơ cấu tổ chức chắc chắn có thể là một chút bối rối, vì vậy đây là nỗ lực của tôi để giải thích đơn giản như có thể, những gì mỗi tập tin và thư mục đang làm trong dự án của bạn và những gì chính xác là mục đích của nó trong cuộc sống

cấu trúc thư mục hiển thị ở đây là cấu trúc dự án web tiểu địa chủ tiêu chuẩn.