Studio trực quan 2015 php
Nhiều bạn hay hỏi mình code bằng tool gì, cài đặt ra sao. Do vậy, hôm nay mình hướng dẫn các bạn cách setup Visual Studio Code, cài mấy cái extension xoạc nhen Show Visual Studio Code là cái gì cơ?Nếu từng code C#, chắc hẳn bạn cũng biết Microsoft có 1 cái IDE khá là nặng và mang tên Visual Studio. IDE này ngon lành, đủ chức năng, mỗi tội rất nặng, cài hơi lâu, mỗi lần bật là con lòng già nhà mình lại rên rỉ Khác với Visual Studio, Visual Studio Code là 1 trình soạn thảo văn bản khá mới nhưng miễn phí, chạy được trên nhiều hệ điều hành. Tuy chỉ là text editor nhưng ta vẫn có thể compile, run, debug code trên VS Code, không thua kém gì cái IDE xéo Vừa nhẹ, vừa miễn phí, lại mạnh mẽ, nên dân web developer như mình rất sảng khoái khi sử dụng VS Code. Để bắt đầu, các bạn có thể vào đây để tải nha. mã số. Visual Studio. com Cài đặt chủ đề, phông chữ và biểu tượng cho màn hìnhSau khi đã cài đặt xong VS Code, bạn bấm vào mục Tiện ích mở rộng bên góc trái, bắt đầu nhập và tìm tiện ích mở rộng rồi cài đặt thôi ha Đầu tiên, các bạn mình sẽ cài đặt theme, font chữ, icon linh tinh trước Bạn nên cài thêm 1 số theme để nhìn cho dịu mắt. Cá nhân mình thì thích dùng theme Dracula, màu xanh xanh hường hường tím tím, nhìn lâu hay buổi code cũng tối không sáng mắt
Bên cạnh đó, bạn cũng nên tải thêm 1 số set-icon như vscode-icons, các icon này sẽ giúp bạn nhìn vào danh sách thư mục và dễ dàng nhận biết đâu là folder, file nào là file gì v…v
Tiếp theo, bạn nên cài đặt font chữ thuận tiện cho việc viết code. Cá nhân mình sử dụng Fira Code (github. com/tonsky/FiraCode) Cài xong các bạn vào setting change font to FiraCode sau đó bật fontLigature lên luôn nha. Bật cái này lên sẽ giúp gom nhóm mấy cái như ==,. = to 1 ký tự, giúp bộ não xử lý nhanh hơn, đọc mã cũng nhanh hơn luôn Some extension should used for all devSau khi cài đủ thứ thì VSCode nhìn cũng khá đẹp rồi, giờ ta cài thêm 1 số Plugin cho việc Code nào
Những extension hay ho cho dân làm webTiếp theo, đây là những extension mà dân làm web quần mình hay dùng. Đa phần những tiện ích mở rộng này giúp tiết kiệm thời gian tiết kiệm, để mình viết mã nhanh hơn, mượt mà hơn
Ngoài ra, tùy vào ngôn ngữ/framework đang sử dụng mà các bạn có thể cài đặt thêm Đoạn mã hoặc Tiện ích mở rộng VSCode cho ngôn ngữ đó. Bản thân mình code từ React sang Angular, từ Golang sang Elixir nên cài đủ thứ luôn
Ngoài ra, còn 2 tiện ích mở rộng hay ho viết bằng AI, giúp bạn viết mã nhanh hơn nữa (gần như viết mã phụ bạn luôn). Mình giới thiệu trong vlog Youtube bên dưới nha. Phải xem clip demo mới thấy được sự bá đạo của bọn nó hihi pauseTrong bài viết này, mình đã hướng dẫn các bạn cách cài đặt VSCode, cũng như các tiện ích mở rộng bá đạo mà các bạn nên sử dụng rồi. Làm theo hướng dẫn, các bạn sẽ có 1 bản VS Code khá mạnh, đủ dùng để code web nhé Nếu các bạn có kinh nghiệm sử dụng, có extension nào hay muốn chia sẻ cho anh em thì cứ comment bên dưới nhen |