Visual studio code hướng dẫn

Hiện nay, một trong những ứng dụng cực kỳ “hot” mà bất kỳ dân IT nào cũng sẽ biết đến. Đó là Visual Studio Code hay còn gọi với cái tên VS Code. Một trình soạn thảo Code với mã nguồn mở giúp cho các lập trình viên dễ dàng sử dụng để thiết kế, xây dựng Website cơ bản và kèm theo các tính năng vô cùng tiện lợi.

  • MATLAB: Phần mềm lập trình và hỗ trợ toán học cao cấp
  • XMind là gì? Cách cài đặt và vẽ sơ đồ tư duy bằng XMind

Visual studio code hướng dẫn

Visual Studio Code là ứng dụng biên tập, soạn thảo các đoạn code hỗ trợ trong quá trình xây dựng, thiết kế website một cách nhanh chóng. VS Code vận hành mượt mà trên các nền tảng như Windows, macOS, Linux. Hơn thế nữa, VS Code còn tương thích với cả những máy có cấu hình tầm trung vẫn có thể sử dụng dễ dàng.

Visual studio code hướng dẫn

Những ưu điểm nổi bật của Visual Studio Code

Là một trong những ứng dụng được dân IT “săn đón” và tải về nhiều nhất hiện nay, VS Code luôn cải tiến và tạo ra các tiện ích đi kèm nhằm giúp cho các lập trình viên sử dụng dễ dàng hơn, có thể kể đến:

  • Đa dạng ngôn ngữ lập trình giúp bạn thỏa sức sáng tạo như HTML, CSS, JavaScript, C++,...
  • Ngôn ngữ, giao diện tối giản, tinh tế, giúp người dùng dễ dàng định hình nội dung.
  • Các tiện ích mở rộng đa dạng, phong phú.
  • Tích hợp các tính năng bảo mật (Git), tăng tốc xử lý vòng lặp (Debug),...
  • Có thể đơn giản trong việc tìm quản lý hết tất cả các Code có trên hệ thống.

Visual studio code hướng dẫn

Visual Studio Code Download trên Laptop, PC thế nào?

Sau khi bạn đã hiểu rõ được Visual Studio Code, cũng như các tính năng đi kèm. Vậy thì, hãy làm theo các bước dưới đây để thực hiện download ứng dụng ngay nhé!

Bước 1: Truy cập vào link này.

Visual studio code hướng dẫn

Bước 2: Hãy chọn hệ điều hành bạn muốn tải về.

Visual studio code hướng dẫn

Bước 3: Sau đó hãy đợi ít phút để ứng dụng được download thành công. Tiếp theo bạn hãy khởi động File cài đặt. Nhấn Next để bắt đầu các bước cài đặt.

Visual studio code hướng dẫn

Bước 4: Sau khi đã hoàn tất quá trình cài đặt hãy nhấn Finish.

Visual studio code hướng dẫn

Cách sử dụng Visual Code soạn thảo code đơn giản, chi tiết

Khi bạn đã cài Visual Studio Code vào Laptop, máy tính thành công. Sau đây Sforum sẽ hướng bạn một vài thao tác đơn giản khi sử dụng phần mềm này.

Bước 1: Tại màn hình khởi động, hãy nhấn File → New File. Hoặc tổ hợp phím Ctrl + N để tạo file mới.

Visual studio code hướng dẫn

Bước 2: Hãy nhấn vào chọn ngôn ngữ lập trình để bắt đầu soạn thảo.

Visual studio code hướng dẫn

Bước 3: Sau khi bạn đã soạn thảo các đoạn code và bạn muốn xem lại chúng trên trình duyệt web. Hãy nhấn vào nút File → Save hoặc tổ hợp phím Ctrl + S để tiến hành lưu file.

Visual studio code hướng dẫn

Bước 4: Tiếp theo, bạn chọn vào File đã lưu, sau đó màn hình sẽ hiển thị nội dung bạn đã soạn thảo trên VS Code.

Visual studio code hướng dẫn

Tạm kết về Visual Studio Code

Qua bài viết trên Sforum đã cung cấp cho các bạn các thông tin cực kỳ hữu ích về một ứng dụng chuyên biên tập, soạn thảo Code phổ biến nhất hiện nay. Bên cạnh đó, Sforum cũng hướng dẫn bạn cài đặt và sử dụng Visual Studio Code với các bước đơn giản.

Nếu là một lập trình viên, chắc hẳn bạn không còn lạ gì đến phần mềm lập trình cài đặt Visual Studio Code được phát triển bởi Microsoft. Với nhiều tính năng mạnh mẽ, trình biên tập code nhẹ và có giao diện thân thiện được nhiều lập trình viên sử dụng. Trong bài viết này, người viết hướng dẫn bạn đọc cách tải visual studio code và cách sử dụng cơ bản.

Nhà phát hành Microsoft Thời gian phát hành Ngày 29 tháng 4 năm 2015 Hỗ trợ hệ điều hành Windows, macOS, Linux Link download code.visualstudio.com

Visual Studio Code là một text editor miễn phí, được phát triển bởi Microsoft. Đây nhanh chóng trở thành công cụ ưu tích của nhiều lập trình viên nhờ hiệu suất tuyệt vời và các tính năng phong phú. Visual Studio Code hỗ trợ một số chắc năng như debug, Git,syntax highlighting. Ngoài ra, VSC còn cho phép người dùng thay đổi theme, phím tắt, và một số tùy chọn khác.

Visual studio code hướng dẫn

Cách tải Visual Studio Code

Để có thể tải và thực hiện cách sử dụng Visual Studio Code phiên bản mới nhất, các bạn truy cập vào trang chủ theo link sau đây: code.visualstudio.com. Chọn phiên bản phù hợp với hệ điều hành đang chạy trên máy tính của bạn và bắt đầu tải về.

Sau khi tải về, người đọc chỉ cần thực hiện như sau:

  • Bước 1: Nhấp đúp chuột vào file cài đặt để bắt đầu cài đặt VSC.
  • Bước 2: Nhấn I Agree để đồng ý các điều khoản thỏa thuận.
  • Bước 3: Nhấn Next ở các bước tiếp theo.
  • Bước 4: Tích chọn các tùy chọn:
    • Add “Open with code” action to Windows Explorer file context menu.
    • Add “Open with code” action to Windows Explorer directory context menu.
    • Register Code as an editor for supported file types.

Visual studio code hướng dẫn

  • Bước 5: Kiểm tra Add to PATH và nhấn Install.
  • Bước 6: Quá trình cài đặt diễn ra, nhấn Finish để kết thúc.
    Cách lấy getlink xemtailieu và 123.doc miễn phí ít có ai biết đến? Xem ngay!

Hướng dẫn cách sử dụng Visual Studio Code html

  • Thanh sidebar

Ở phía bên trái, người dùng sẽ bắt gặp 4 biểu tượng nằm dọc ở mép cửa sổ. Dựa vào biểu tượng ta sẽ đoán được chức năng của chúng.

  • * 2 tờ giấy xếp chồng lên nhau: Đây là mục cửa sổ Explorer dùng để chứa cây thư mục có trong dự án.
    • Biểu tượng kính lúp: Đây là công cụ tìm kiếm. Chọn vào nó, một khung cửa sổ sẽ hiển thị ra, giúp bạn tìm kiếm các đối tượng trong thư mục dự án.

Visual studio code hướng dẫn

  • * Công cụ không thể thiết trong môi trường lập trình nhóm và GIT là cái tên nổi bật. Nếu dự án chưa được Git quản lý, VSC sẽ hiển thị nút để giúp bạn khởi tạo nó.
    • Con bọ là chức năng debugger. Đây là chức năng cho phép ta kiểm tra giá trị của biến, cho chạy từng dòng code để kiểm tra các thay đổi.

Visual studio code hướng dẫn

  • Thanh trạng thái

Một trong những điểm lưu ý trong cách sử dụng Visual Studio Code Html là thanh trạng thái. Nhìn xuống dưới góc trái, ta sẽ thấy biểu tượng với các con số phía trước. Đây là mục cho ta biết số error (lỗi) và warning (cảnh báo) đang có trong code. Nếu thấy 2 con số này lớn hơn 0, bạn nên tìm cách sửa chữa nó.

Visual studio code hướng dẫn

Ở góc dưới bên phải. Mục đầu tiên hiển thị số dòng và số cột của con trỏ đang nằm. Mục kế tiếp là định dạng encoding, mặc định sẽ là UTF-8. Nếu bạn muốn thay đổi, chỉnh cần nhấn vào và chọn encoding phù hợp.

Cuối cùng là ký tự kết thùng dòng, trong LINUX sẽ là Line Feed còn với Windows ký tự này bao gồm Carriage return và Line Feed (CRLF).

  • Khung nhập lệnh

Command Palette là tính năng nổi tiếng của Subline Text. Các trình soạn thảo ra đời sau này để tích hợp tính năng này. Khi muốn nhảy đến file nằm trong dự án, chỉ cần nhấn CTRL +P khung nhập lệnh hiện ra giữa màn hình, nhấn tên file cần tìm sẽ cho hiển thị các kết quả gần đúng nhất.

Visual studio code hướng dẫn

Hay nếu để thực hiện cách sử dụng khi tải visual studio code, ta dùng tổ hợp phím Ctrl + Shift + P sau đó nhấn dòng lệnh mình cần vào.

Các Plugin cần thiết để sử dụng VSC dễ dàng hơn

  • CSS Peek

CSS Peek giúp lập trình viên di chuyển nhanh đến nơi định nghĩa các class và ID của css. Khi bạn nhấp chuột vào một selector trong file html nào đó, chọn vào và Peek sẽ di chuyển con trỏ đến đúng file và vị trí mà class, id được định nghĩa.

Visual studio code hướng dẫn

  • Color info

Đây là một plugin nhỏ, cung cấp các thông tin về màu sắc đã sử dụng trong css. Khi di chuyển con chuột vào một file css, các bạn có thể xem màu sắc thực sự của nó, thông tin mã màu cũng như các định dạng màu sắc.

Visual studio code hướng dẫn

  • Open In Browser

Cài đặt visual studio code không cung cấp cho người dùng tính năng mở file trực tiếp bằng trình duyệt, với plugin này sẽ cung cấp cho bạn tùy chọn mở file qua trình duyệt trong menu khi bạn click chuột phải vào file cần mở.