4. Install Extensions Visual studio code - hướng dẫn cài đặt vscode extension để lập trình web

[@vinhtramquang8047]

Nội cái phần cài thôi đã chi tiết kinh khủng. Mến thầy ở điểm đó. Đó công sức của thầy đã làm ra nhưng video đầy chất lượng như vậy. Con yêu thầy.

[@KIỆTLÊCHÁNH-k9s]

Trời ông thầy này xịn xò kinh khủng. Bài giảng cực kỳ chi tiết, rất tận tâm luôn. Tự nhiên có động lực học lập trình vì thầy. Cám ơn thầy nhiều và chúc thầy nhiều sức khỏe

[@HoaPHAM-g1j]

Tìm mãi mới thấy được video này. tôi đã 57 tuổi không biết gì về code, nhưng vào đây lại có động lực để học code. video chi tiết và dể học. Cảm ơn Thầy.

[@aolequang4484]

lần đầu tiên thấy 1 người dạy có tâm như vậy em cảm ơn thầy em sẽ follow thầy và xem video của thầy thương xuyên hơn.

[@HồHuỳnh-q6f]

Thầy dạy rất hay ạ mong kênh phát triển hơn nữa❤❤

[@ango-eu6sz]

Cảm ơn thầy đã hướng dẫn. Con đg tự học 2 tháng hè để đi học chính thức cho đỡ bỡ ngỡ

[@ronaldo-2017-q1d]

Dạ em cảm ơn thầy đã chia sẽ những kiến thức bổ ích này ạ

[@linhdinh1807]

hướng dẫn gì mà nhiệt tình quá thầy ơi ! mong thầy tiếp tục hướng dẫn chi tiết như vậy !

[@yennguyen-nk7ky]

Hướng dẫn vô cùng chi tiết ạ.Cảm ơn anh 👍

[@HồHuỳnh-q6f]

Thầy dạy rất hay ạ ❤❤

[@emPIlu]

cảm ơn tác giả rất nhiều em tự học rất hay 🥰🥰🥰🥰

[@nhatduynguyenbui6739]

làm rất có tâm, chúc anh nhiều sức khỏe

[@dovihogaming4859]

Bài giảng thật sư rất hay và rất hữu ích, cảm ơn thầy.

[@JustTreee]

Dinh qua anh oiiii , e cam on anh nhieu , qua chi tiet luon a

[@SonNguyen-uw7it]

Dùng ctrl shift p dùng emmet wrap cũng được

[@minhkhoavo5807]

rất hay, em cám ơn anh nhiều

[@ucNguyen-yz1it]

cảm ơn thầy

[@HUYPK0809]

hay quá thầy ơi

[@datnguyenquy2386]

a ơi e dùng cái prettier nó format cái lorem10 toàn thành kiểu lorem10 chứ cái p không trên 1 dòng thì phải lms ạ

e vào setting ( hoặc nhấn phím tắt Ctrl + dấu , ) -> Nhìn sang góc phải trên cùng có biểu tượng tờ giấy có mũi tên , ngay dưới nút - thu nhỏ cửa sổ . chỉ vào nó hiện chữ open setting (JSON) , xóa toàn bộ code trong đó thay bằng code dưới đây xem sao nhé. Đây là code trên vs code của a : { "workbench.colorTheme": "Default Dark+", "editor.formatOnSave": true, "files.autoSave": "afterDelay", "debug.console.fontSize": 16, "markdown.preview.fontSize": 16, "terminal.integrated.fontSize": 16, "editor.accessibilityPageSize": 14, "[html]": { "editor.defaultFormatter": "vscode.html-language-features" }, "liveServer.settings.donotShowInfoMsg": true, "editor.linkedEditing": true, "editor.defaultFormatter": "esbenp.prettier-vscode", "workbench.iconTheme": "material-icon-theme", "git.autofetch": true, "git.enableSmartCommit": true, "git.confirmSync": false, "cSpell.language": "en,vi", "files.autoSaveDelay": 5, "liveServer.settings.wait": 3, "liveServer.settings.fullReload": true, "editor.scrollbar.horizontalScrollbarSize": 16, "editor.fontSize": 17, "liveServer.settings.donotVerifyTags": true, "terminal.integrated.defaultProfile.windows": "Git Bash", "git.openRepositoryInParentFolders": "never", "emmet.syntaxProfiles": { "html": { "inline_break": 1 } }, "window.zoomLevel": 2, "editor.minimap.enabled": false }

[@khaile68]

Thầy ơi, con nhấn ctrl F nó không lưu lại, mà phải nhấn ctrl F5 mới lưu vậy thầy

ctrl + s chứ

[@khaile68]

em cảm ơn thầy

😘 oki e. để sau nà a chi rõ phím hơn 🥲

[@binhthai9103]

em ko pt sao h tự dưng ấn h1 ko ra gợi ý như trước nữa

[@vankhanhle7177]

âm thanh nói nhỏ quá lần sau tăng tiếng lên nha bác :3

😘 mình sẽ kiểm điểm bản thân nha 😜😜

[@Phim01mới]

Của e html hiện giao diện xong e tạo CSS IMG thử nhưng không hiện giao diện màu, e làm theo mà k đc

[@LinhĐanPhạm-g1y]

Hay quá

[@anhtaitran7167]

Cho em hỏi mình cài làm sao để nó gợi ý thanh tag khi mình tập tên tag đó vậy ạ? Em phải gõ cả dấu nó mới hiện ra

e cài hết extension bài 4 này laòk mà.

[@tuyennguyenvan9800]

anh ơi em gõ vs code js nhưng trong code toàn hiện dấu "" mà k sửa về thành dấu ' ' này đc mong anh tl ạ

[@technologymobile5385]

rất chi tiết

[@Ngduck06]

hay quá thầy

[@anhviet5089]

Dạ thầy cho em hỏi em bị lỗi gõ prettier mà không hiện để cài đặt thì làm sao ạ. ( " error while fetching extensions.failed to fetch") ạ

e làm giống hết các bước trong clip lại 1 lần . nếu vẫn o đc kiểm tra ngôn ngữ bàn phím. để sang Eng nhé.

[@TienNguyen-mi8dd]

Tất cả các dự án mình làm thì mặc định dự án tên là index hả ad

file index.html là 1 file đặc biệt. trình duyệt sẽ tìm đến file này để ưu tiên hiển thị e nhé. e thử đổi tên đi mà xem 😁

[@lacvu4115]

14:26 nếu cài lại vscode

[@ThanhNguyen-lj8jr]

nhiều extension như vậy có nặng máy k a tại lap e chip i5 hơi yếu

Nó nhẹ hều ý mà e, có nặng thì thằng chrome nó hút ram thôi 😄

[@rikshe]

Hd chi tiết quá ạ nhưng sao font chữ trên màn hình hơi nhỏ và nhòe ạ

e chỉnh video youtube lên 1080 xem

[@hoaitram4260]

thầy ơi, cái phần live server preview em nhấn F1 nó ko ra như video mà nó tắt tiếng thôi thầy. tại sao v thầy

e cài cái này, chuột phải index chọn show preview nhé marketplace.visualstudio.com/items?itemName=ms-vscode.live-server .Nó có hướng dẫn luôn đó

[@LamNguyen-ey4kn]

Thầy ơi, Phần Show live serve preview em cài rồi, hiện lên trang màu trắng nhưng văn bản nó không xuất hiện thầy ạ huhuhu thầy giúp em với (đã viết code giống thầy), kể cả phần Go live để xem cũng chỉ hiện trang màu trắng chứ không hiển thị văn bản ạ!

[@kiennguyentrung2618]

save chưa bro

[@ThaoNguyen-ri3xj]

Biểu tượng con rệp để đo các box đó tên j v a?

e cài extension chrome này nhé : chromewebstore.google.com/detail/pesticide-for-chrome/bakpbgckdnepkmkeaiomhmfcnejndkbi?pli=1

[@LearnEnglish360-vn]

Thầy ơi, mn ơi giờ em gõ h1 xong bấm Enter thì nó hết hiện ra gợi ý phía sau rồi. Giờ e quay lại coi phần extensions thì không thấy cái nào cài hết. Giúp em với ạ 🥹

cài lại thôi e

[@Engineer-de8ps]

tailwindcss luôn anh ơi.

[@ucminhpham8548]

Cho em hỏi cái live sever Khi mà em chọn go live thì nó có thông báo sever started, nhưng mà lại không hiện trang lên thì phải làm sao ạ?

e có đang ở tab index.html không nhỉ. xem win nó có hỏi chọn trình duyệt không e nhé.

[@ucminhpham8548]

@ nó không hiện hỏi chọn trình duyệt ạ

[@ucminhpham8548]

@ cái này em chuyển sang dùng cái edge extension được ko ạ? Tại em thấy nó cũng tương tự

được e. dùng cái nào tiện thì dùng. còn cái này nữa này marketplace.visualstudio.com/items?itemName=ms-vscode.live-server

[@nhatlm79]

Thầy cho e xin file giáo trình để in ra đi thầy

dc.tuhoc.cc box HTML CSS mục tài liệu có e nhé

[@tuhocwebsite]

Cài icon them vs code trực tiếp trong extension của vs không được hả a ,sao phải vào google?

Được e ạ, cứ nhớ tên tìm là cài được. Qua google để nhiều khi có bạn nào tìm kiếm các tiện ích trên google thì cũng biết add vào vscode cho linh động. Để cho biết thêm hướng cài ý mà

[@Le-he4rt]

tại sao em cài live server preview rồi gõ show live server preview nó kh ra zậy anh ,em bấm f1 trên bàn phím thì nó chỉ tắt âm lượng

laptop e ấn thử Fn + F1 nhé

[@nguyencanh8369]

Thanks

[@MD-bd9hh]

Dạ anh ơi cho em hỏi, làm sao để gõ được tiếng việt trên VSC vậy ạ, em gõ nó cứ bị kiểu: Xin chafo moij nguoi

e dùng hệ điều hành gì nhỉ ?

[@MD-bd9hh]

Dạ em dùng win10 ạ

[@MD-bd9hh]

Em code trên scrimba rồi copy dán vào VS Code thì nó ra được tiếng việt, nhma em code trực tiếp trên VS Code thì nó bị kiểu: xin chaof moij nguoifw

[@TiệpNguyễnHữu-y9v]

sao em f1 maf ko ra anh nhi

[@ThinhTran-lo3wh]

anh ơi sao anh để tiếng việt mà gõ h1 xong nhấn enter nó cũng ra như khi mình để tiếng anh là cài thế nào ạ

hi e, a không bị lỗi đấy. 1. a dùng evkey chứ không dùng unikey. 2. e kiểm tra ngôn ngữ trên win. để là english nhé và dùng thêm evkey thử.

[@tiendang4322]

tại sao image preview lại không hiển thị được ảnh nữa nhỉ mặc dù e thử gỡ đi tải lại

tắt vscode bật lại thử xem e. với lại nếu e chèn link online thì nó cũng o hiện dc. e để ảnh trong thư mục hay online nhỉ

[@tiendang4322]

@ e để trong thư mục lại k hiện, nma chèn link online có cái hiện có cái không

[@dieple5842]

10:10 Show live sever preview

[@Bau-vy7xb]

thầy ơi, cái Go live em ấn vào sao nó k tự mở trang web ạ

e có đang ở tab file index không nhỉ. Kiểm tra xem win nó có hỏi em chọn trình duyệt để mở không nhé

[@Bau-vy7xb]

win k hỏi chọn trình duyệt luôn thầy ơi =((

@@Bau-vy7xb e cài extension này,sau khi cài, chuột phải index.html chọn show preview là xong

[@Bau-vy7xb]

@ vẫn v thầy ạ☹️, thôi chắc chịu khó shift alt r thôi thầy

@@Bau-vy7xb vào discord kênh pm a luôn a ultraview qua xem nào.

[@87Laoton]

f1 nó kh ra thầy oi

e cài cái này thay thế nhé, cài xong, click chuột phải vào file index, chọn show preview , ngay trong link này họ cũng hướng dẫn dùng đó marketplace.visualstudio.com/items?itemName=ms-vscode.live-server

[@PhụngTiênHồNguyễn]

8:48

[@ManNhi_tl]

go❤

[@tinhNguyen-jx4pp]

heart

[@laptrinhcc]

Trên vs code của e không thấy chữ Go live anh có thể giúp e hiện thị nó ra được không

e cài xong extension chưa. ktra kỹ lại nhé.

[@laptrinhcc]

@ e cài extension rồi ạ .E đã tìm ra rồi ạ ,e đã tắt hiển thị thanh status bar,và e đã bật lên rồi ạ ,cám ơn a vì những video hữu ích,chúc a một ngày tốt lành

@@laptrinhcc oki e. chúc e học tốt nhé. a còn đang đi viện khám . kkk.

[@laptrinhcc]

@ anh không khoẻ à ,chắc hồi trước a bị covid ,nên sức khỏe bị ảnh hưởng đó...,chúc anh mau khỏe nhé! ❤️

@@laptrinhcc dạo này ngủ ít làm video đâm ra người yếu e ạ. đang bị rối loạn tiêu hóa. 🥲

[@HồHuỳnh-q6f]

Thầy dạy rất hay ạ mong kênh phát triển hơn nữa❤❤

[@HồHuỳnh-q6f]

Thầy ơi chỗ cài live server preview sao em nhấn f1 k ra chỗ tìm kiếm vậy ạ😢

e check xem cài thành công chưa, thử tắt bật vscode xem sao nhé