Sử dụng bootstrap với nhà soạn nhạc

Question

Tôi là một lập trình viên mới trên web,
Tôi đang cố gắng học hỏi từ nhà để tạo web của riêng mình. Tôi có khái niệm về php, html, js và css.
Nhưng tôi đã tìm thấy điều gì đó không phải là cách giải quyết. Tôi đang cố gắng sử dụng Composer để quản lý Bootstrap. Tôi đã cài Composer và tôi đã chạy dòng mã này

composer require twbs/bootstrap 

đã bỏ thư mục chứa tệp.

Tôi không hiểu là làm cách nào tôi tạo liên kết html để tìm tệp js và css, bạn nên chỉ ra đường dẫn đầy đủ?

vendor/twbs/bootstrap/dist/js/bootstrap.js 

Xin lỗi nếu câu hỏi là ngu ngốc nhưng tôi không biết phải tiếp tục như thế nào.
Amd lý do tiếng Anh của tôi, tôi đang học quá nhưng bây giờ tôi sử dụng google dịch

Answer 1

Có, Composer tải xuống các phụ thuộc theo mặc định vào thư mục vendor. Vì vậy, Bootstrap cũng sẽ hạ cánh trong thư mục nhà cung cấp, đó không phải là nơi chính xác để tham khảo hoặc bao gồm nó.

composer require twbs/bootstrap ➔ vendor/twbs/bootstrap/dist/js/bootstrap.js

---

bước tiếp theo của bạn sẽ được để viết một kịch bản helper ít để sao chép các tập tin Boostrap bạn cần, vào thư mục public/assets của bạn. Bạn có thể sao chép toàn bộ thư mục dist bao gồm các thư mục con (vendor\twbs\bootstrap\dist) vào public hoặc public\assets.

Vui lòng ghi đè lên các tệp hiện có, ví dụ: nếu tệp tồn tại, hãy xóa nó, sau đó sao chép nó. Điều này cho phép dễ dàng cập nhật các tệp, khi bạn cần cập nhật gói nhà cung cấp Bootstrap một lần nữa.

Tất nhiên, bạn cũng có thể chỉ sao chép các tệp theo cách thủ công hoặc tạo liên kết tượng trưng. Nó phụ thuộc.

Cung cấp cho bạn các cấu trúc thư mục sau đây:

public 
\- assets 
    |- css 
    |- js 
    \- fonts 
\- index.html 

Khi tài sản Boostrap được sao chép, bạn có thể bắt đầu để bao gồm họ, trong index.html hoặc bạn mẫu (assets\js\bootstrap.min.js, vv).

---

Tham chiếu: https://stackoverflow.com/a/34423601/1163786 cũng hiển thị các giải pháp khác cho vấn đề này, ví dụ: fxp/composer-asset-plugin, bower, grunt.

Answer 2

Trừ khi bạn cần tùy biến bên bootstrap (ví dụ SCSS xây dựng), các giải pháp đơn giản nhất là dựa vào một CDN (như một phần thưởng, bạn sẽ có được bộ nhớ đệm siêu nhanh của tài sản)

Vì vậy, chỉ cần gọi của bạn tài sản như sau:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
<script src="//code.jquery.com/jquery-2.2.4.min.js"></script> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

Composer là một công cụ siêu tuyệt vời cho backend phụ thuộc, nhưng không phải là người tốt nhất cho front-end.