15 Extensions VS Code cho Lập trình Web (2021)
VS Code là trình biên dịch code rất phổ biến hiện nay. Nó rất nhẹ, miễn phí và dễ dàng cài đặt. VS Code cung cấp cho chúng ta rất nhiều tính năng và các extensions hữu ích để giúp cho việc lập trình web được dễ dàng và hiệu quả hơn.
Trong video này chúng ta sẽ cùng nhau lần lượt tìm hiểu về 15 extensions hữu ích của VS Code nhé:
– Dracula Theme
– Material Icon Theme
– ESLINT
– Auto Rename Tag
– Live Server
– Live SASS Compiler
– Bracket Pair Color
– Prettier
– GitLens
– Rest Client
– ES7 React/Redux/GraphQL/React-Native snippets
– Project Manager
– Polacode
👉 Link tham khảo:
VS Code download:
SASS:
ReactJS Cơ bản 30 phút:
JWT:
💻 Thông số PC & Gears của mình (Affiliate Links):
Máy ảnh Canon EOS M50 + Kit 15-45mm – (TIKI)
Microphones Elgato Microphone Wave 3 – (TIKI)
Micro Rode Videomic Go (TIKI)
Màn hình Dell S2421HN 23.8Inch IPS – (TIKI)
Màn hình MSI OPTIX G27C4 27 VA 165Hz – (TIKI)
Tai Nghe Gaming SteelSeries Arctis 7 DTS.X 7.1 – (TIKI)
Chuột SteelSeries Rival 310 – (TIKI)
Ổ cứng HDD Western Digital BLUE 6TB – (TIKI)
CPU Intel Core i5-10400 – (TIKI)
Ram ADATA DDR4 XPG GAMMIX D10 8GB 3200MHz – (TIKI)
Mainboard ASRock B460M – (TIKI)
📢 Liên hệ với mình tại:
Facebook:
Instagram:
Github:
Facebook cá nhân:
Email: holetex@outlook.com
#holetex #reactjs #vscode #frontend #developer
Đối với Prettier để có thể sử dụng thì các bạn cần đảm bảo Prettier được chon mặc định cho format trong VS Code nhé
Cách 1: Mở Ctrl+Shift+P > Search “Format Document With…” > Configure Default Formatter… > Chọn Prettier.
Cách 2: Trong setting của VSCode thêm đoạn config này:
"editor.defaultFormatter": "esbenp.prettier-vscode",
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
Cập nhật extension thêm đi anh
video hay lắm a
06:37 Live sass complier ( Viết code ở file .sass rồi convert sang .css )
10:28 Gitlens ( Xem được một đoạn code đc sửa bởi ai và khi nào )
11:40 Res client
sound card hay thật!
Cám ơn bạn nhé. Video chi tiết hơn các bạn khác nhưng lại ko lan man.
7p45s : em muốn hỏi về Live SASS Compiler, em muốn file css vs sass ở 2 thư mục khác nhau thì làm ntn ạ – vì em thấy nếu tạo nhiều scss như biến, reset… thì nó khá lộn xộn và mất thẩm mĩ ạ. anh chỉ cho em vs ạ. em cảm ơn ạ
Cái phần Prettier cài vô nó báo lỗi này nè anh kh cài đc em kh bt fix sao Error while installing 'Prettier – Code formatter' extension. Please check the [log](command:workbench.action.showWindowLog) for more details.
rất bổ ích lắm ạ, nhưng cho em hỏi ở phần http í thì front end cũng cần phải biết hả anh
00:37 Dracula theme
01:26 Material icon theme ( hiển thị các loại icon bên explorer để dễ nhìn hơn )
02:32 Eslint
03:55 Auto rename tag
04:28 Live sever ( Tạo local host vs code )
06:37 Live sass complier ( Viết code ở file .sass rồi convert sang .css )
08:48 Bracket pair colorizer ( xuất hiện line màu để dễ nhận biết " dấu ngoặc mở và dấu ngoặc đóng ")
09:38 Prettier ( Auto save giúp sắp xếp code gọn gàng hơn )
10:28 Gitlens ( Xem được một đoạn code đc sửa bởi ai và khi nào )
11:40 Res client
…
17:19 Placode ( chụp ảnh lại 1 đoạn code nào đó )
anh ơi em học C bằng VS nhưng in kết quả ra terminal thì có thêm dấu % ở cuối. anh có cách fix k ạ. Em dùng mac ạ
Cho em hỏi cái thẻ khi em ấn div và tab nó k hiện luôn ra thẻ div đóng div khắc phục như nào ạ
e ko tải dc bi lỗi we cannot connect … làm sao tải giờ anh
Thank you! Waiting for more videos.
Ông nói chuyện hay, hướng dẫn dễ hiểu nhưng nhìn mặt ông khi nói tui chịu không nổi. Bớt lắc lư điệu đà ông ơi, tui nổi hết da gà 😀
Có extension nào auto đóng mở thẻ html được trong file .php k anh 🙁 ?
cảm ơn bác nhiều ạ
thưa anh làm thế nào để mở cái command prompt chạy lệnh npm start cho reactjs ạ
cảm ơn a nhiều
Hay quá anh
Anh có thể làm về Tyscript và NestJs được không ạ ?