@thanh_tuan Về gulp sẽ hơi dài dòng, đơn giản nhất đây là công cụ giúp bạn quản lý các file assets như js, css, sass, less, thực hiện tự động hóa một số công việc râu ria như minify assets cho production, tự động compile sass, less thành css khi nội dung file bị sass bị thay đổi.. Bạn có thể đọc thêm bài https://viblo.asia/p/tim-hieu-ve-gulpjs-naQZRw2jlvx hoặc https://viblo.asia/tags/gulp để giúp bạn hiểu thêm nha.

Thời điểm bây giờ bạn nên tìm hiểu về một tool được ưu chuộng hơn là webpack thay vì gulp. Bạn tìm hiểu về webpack tại: https://viblo.asia/tags/webpack giúp mình nha. hihi

@huukimit mình cám ơn bạn nhiều ạ. Mà cho mình hỏi thêm chút xíu nhé, thường thì mình dùng phần mềm Prepros để compile file sass thành file css, còn thằng gulp bạn nói mình cũng nghe qua nhưng chưa sử dụng, theo như bạn nói sức mạnh của nó có thể compile hẳn 1 folder chứa các file sass sang 1 folder khác chứa file css, mà mình không hiểu trường hợp nào mình cần compile cả 1 folder vậy (?) - trong khi đó mình nghĩ tất cả đều dồn chung vào file main.scss rồi thì ta chỉ cần biên dịch độc file này là đủ rồi còn gì ?

@devil_boom_129 Làm việc Teamwork cũng là 1 kĩ năng mà chúng ta cần cải thiện nhiều bạn nhỉ . Thất bại và trải nghiệm cũng sẽ giúp ta có những điều chỉnh được cách liên lạc với các member trong đội chúc bạn thành công

@thanh_tuan Sr bạn vì mình diễn đạt chưa rõ ràng. Đúng như những gì bạn nói, nhưng đó là trường hợp bạn chỉ định rõ một file cần compile thành một file CSS, thay vào đó nếu bạn dùng một tool nào khác (gulp chẳng hạn) để compile hẳn một folder chứa nhiều file sass. Khi đó những file css được tạo ra sẽ tương ứng với các file sass được đặt tên không bắt đầu bằng underscore. Những file partial lúc này sẽ không được compile thành một file CSS tương ứng nữa.

Chính vì thế nên chính xác là các file partial sẽ không được compile thành một file CSS như thường lệ.

tks bạn

hóng phần 2 của bạn

Cám ơn bạn nhưng mình chưa hiểu rõ chỗ này :

Nếu bạn muốn import một phần của stylesheet vào main stylesheet của bạn, nhưng không muốn file đấy được compile thành một file css

Như trong hình trên mình gửi, mình tưởng khi tạo ra các thư mục base và components mục đích là để chứa các file scss con cho từng phần của trang web, sau đó đứng tại file main.scss ta dùng @import để gọi đến các file .scss con bên trong base và components để khớp nối chúng lại. Còn về compile từ scss sang css thì lúc biên dịch ta chỉ chọn file input là main.scss thì nó chỉ biên dịch file main.scss thôi chứ mắc mớ gì mà nó phải biên dịch hết cả những file râu ria con kia nữa ?

@Lynk Anh nghĩ là mình tự viết thôi, cũng nhanh mà

chẳng hạn như:

(javascript)

thousand = 1000;
million = thousand * 1000;
billion = million * 1000;

function printBigNumber(number) {
    if (number / billion >= 1)  {
        c = Math.round(number / billion * 10) / 10;
        t = 'B';
    } else if (number / million >= 1) {
        c = Math.round(number / million * 10) / 10;
        t = 'M';
    } else {
        c = Math.round(number / thousand * 10) / 10;
        t = 'K';
    }
    console.log('$' + c + t);
}

// printBigNumber(116065994688.0) => $116.1B
// printBigNumber(1160659) => $1.2M
// printBigNumber(11606) => 11.6K

hoặc dùng hàm mà bạn @huukimit trả lời ở phía dưới cũng hay

Yes đúng rồ đấy ạ, chắc do em viết nhầm, mà có cách nào không anh, chỉ em với

Ơ anh chưa hiểu lắm, sao từ 116065994688.0 lại thành $26B được nhỉ

phải là $116.1B chứ nhỉ

Terminal Costco Employee Breaks Down When He Receives Heartfelt ... costco employee For beloved Costco employee Arlie Smith, a diagnosis of terminal bone cancer wasn't reason ... Danville Costco employee with terminal cancer gets surprise gift

em nên xem server của em có chạy được command line ko, nếu hỗ trợ thì ta mới có thể chạy được app laravel nhé e . nếu có thì oke thôi à

php artisan serve: để chạy app laravel (bắt buộc, vì ko có Laravel chạy thì VueJS cũng ngủm á). còn npm run watch: nếu em chắc chắn là không sửa bất kì một thứ gì ở bên Vue thì em ko chạy vẫn cho kết quả như thế. Nhưng vì trong bài chúng ta làm bài tập và code thay đổi liên tục nên ta phải chạy. Và trong khi làm ưu tiên npm run watch hơn npm run dev vì watch theo dõi bất kì một thay đổi nào đó bên Vue nhé em, dev thì cứ thay đổi em phải chạy lại để build

em cài vue devtool và nếu ứng dụng chạy production sẽ có thông báo sau nhé:

Làm sao biết ứng dụng k chạy ở chể độ production ạ

Anh ơi mỗi lần chạy để xem code trên trình duyện là phải chạy lại 2 lệnh này à anh php artisan serve npm run watch Nếu chạy 1 trong 2 lệnh có đc k anh

tức là em đang dùng domain ảo từ server Ampps như này nề a "http://viblo.vuejs.com/"

em có thể giải thích kĩ hơn được không?

ok bạn, sorry mình viết nhầm chỗ đó, mình sửa lại rồi nhé b

Cho e hỏi thế em dùng virtual host ảo thì như nào ạ