Từ trước mang đến nay, khi nói tới sử dụng công nghệ Microsoft, ta quan yếu tránh ngoài Visual Studio. Nó gần như là ôm trọn phần lớn thứ technology của hãng sản xuất này. Lập trình viên rất có thể dùng nó để làm tất tần tật trường đoản cú desktop cho đến web rồi cho mobile. Điều này khiến Visual Studio càng ngày càng phình to. Theo xu nắm hiện đại, dụng cụ viết code yêu cầu phải nhanh, gọn, nhẹ, vày lập trình viên ko thích các công thế đồ sộ. Gọi được tâm lý này, hồi tháng 4 năm năm ngoái tại hội thảo Build, Microsoft tung ra công cụ mới mang tên Visual Studio Code.

Bạn đang xem: Cách sử dụng visual studio code

Đa căn cơ là xu hướng bắt buộc. Do cạnh tranh khốc liệt từ cộng đồng nguồn mở, Microsoft đã ban đầu cởi trói cho người con cưng của mình, để bọn chúng tự tung từ bỏ tác sang những nền tảng “đối lập”. Thay bởi vì cứ bắt “hễ dùng technology của tôi thì yêu cầu chạy hệ quản lý của tôi”, gã đẩy đà phần mềm có thể chấp nhận được các nền tảng khác tiếp cận thuận lợi với công nghệ của hãng, với Visual Studio Code là hiệu quả của bốn duy mới này.

Thanh sidebar

Nhìn về phía mặt trái, ta thấy 4 biểu tượng nằm dọc theo mép cửa sổ. Dựa vào biểu tượng, ta tiện lợi đoán ra tác dụng của chúng.

*
Visual Studio Code Explore

Đầu tiên là biểu tượng hai tờ giấy xếp ông xã lên nhau. Nếu đang có kinh nghiệm với Visual Studio (bản đồ gia dụng sộ), ta chắc rằng quá quen thuộc với hành lang cửa số Solution Explorer. Visual Studio Code cũng có một cửa sổ tương tự, tuy nhiên được gọi là Explore. Khung hành lang cửa số này chia thành hai phần. Phần trên thuộc là Working Files, chứa phần đa file ta đang làm cho việc. Còn phần bên dưới là cây thư mục, chứa toàn cục các tệp tin và folder có vào dự án. Khi rê chuột lên tiêu đề của từng phần, ta thấy một vài ba icon nhỏ dại xuất hiện bên phải. Nếu muốn biết các hình tượng này có tác dụng gì, ta rê loài chuột lên nó thì sẽ sở hữu một tooltip thông tin chức năng. Ta cũng rất có thể truy cập các công dụng này bằng cách click phải.

*
Visual Studio Code Search

Kế cho là biểu tượng kính lúp. Không nhất thiết phải nói nhiều, ta biết đấy là công ráng tìm kiếm. Click vào nó, một khung cửa sổ tìm kiếm hiện nay ra. Tác dụng này khá dễ nắm bắt nên tôi sẽ nhường cho mình tự thăm khám phá. Visual Studio Code còn có cách khác để tìm kiếm rất hiệu quả và độc đáo. Tôi đang trình bày ở chỗ sau của bài viết. Trước mắt, ta sẽ tò mò tiếp biểu tượng thứ tía trong bộ tứ biểu tượng.

*
Visual Studio Code Git

Version Control System (VCS) là công cụ không thể không có trong môi trường lập trình nhóm cùng Git là cái tên khá nổi bật nhất. Nếu dự án chưa được Git quản lí lí, Visual Studio Code hiển thị một chiếc nút to lớn tướng ý kiến đề nghị khởi tạo. Ta rất có thể dùng trực tiếp khung cửa sổ này nhằm commit nhưng không yêu cầu nhảy qua cửa sổ dòng lệnh. Tất nhiên, Visual Studio Code ko thể hỗ trợ mọi công dụng của Git. Tuy nhiên với những gì nó cung ứng thì quá đầy đủ cho nhu cầu Git sản phẩm ngày.

*
Visual Studio Code Debug

Biểu tượng cuối cùng là con bọ nằm trong tầm tròn gạch chéo. Đây là chức năng tiêu diệt sâu bọ hay nói một cách khác là debugger. Thao tác cơ bản khi sử dụng debugger là như nhau. Đầu tiên ta đặt breakpoint, tiếp nối chạy chương trình tính đến khi đụng breakpoint. Kế đến, ta khám nghiệm giá trị của biến, hoặc mang đến chạy từng mẫu code nhằm kiểm tra những thay đổi. Trong bài xích này, tôi bắt buộc đi sâu vào quá trình debug. Các bạn nên đọc thêm nếu kĩ năng debug vẫn tồn tại non.

Thanh trạng thái

Nhìn xuống góc dưới mặt trái, ta thấy hai biểu tượng với con số phía trước. Đây là mục mang lại ta biết số error và warning hiện gồm trong code. Thông thường, ta có thể lờ đi những warning, mà lại để code sạch sẽ, ta không nên chừa lại ngẫu nhiên warning nào. Trường hợp thấy số lượng trước error xuất xắc warning to hơn 0, ta buộc phải ngay mau lẹ tìm cách sửa nó. Lúc click vào mục này, Visual Studio Code hiển thị tin tức về số dòng tạo ra lỗi, từ bỏ đó, ta hoàn toàn có thể nhảy ngay mang lại dòng tất cả lỗi nhằm sửa.

Xem thêm: Những Từ Đẹp Nhất Trong Tiếng Việt, Đố Bạn Dịch Được 9 Từ Tiếng Việt Sau Ra Tiếng Anh

*
Visual Studio Code Status Bar

Tiếp theo, ta gửi sang góc dưới bên phải. Mục đầu tiên là số loại và số cột của nhỏ trỏ biên soạn thảo. Mục sản phẩm công nghệ hai là định dạng encoding, mang định là UTF-8. Nếu như muốn đổi nó, ta click vào và chọn encoding phù hợp. Hai mục này khá dễ hiểu nên tôi không lý giải gì thêm.

Thứ tía là mục kí tự xong xuôi dòng. Vào Linux, kí tự xong xuôi dòng là Line Feed (LF), còn trong Windows, kí từ bỏ này bao hàm Carriage Return cùng Line Feed (CRLF). Nếu để mặc định là LF, khi sử dụng Notepad mở file này, ta vẫn thấy văn bạn dạng trở đề nghị lộn xộn bởi vì Windows chỉ xuống mẫu khi gặp gỡ CRLF.

Kế đến là mục ngữ điệu lập trình. Visual Studio Code sẽ tự động hóa phát hiện ngôn ngữ phụ thuộc vào đuôi file. Nếu như nó chọn không đúng, ta cần sử dụng mục này nhằm chỉnh lại.

Cuối cùng là hình tượng mặt cười. Đây là chỗ gửi phản hồi cho Microsoft để họ hoàn thành sản phẩm. Nếu như bạn có một ý tưởng phát minh hay, hãy gửi nó mang lại họ. Biết đâu trong bản Visual Studio Code tiếp theo, ý tưởng phát minh của các bạn sẽ thành hiện nay thực.

Khung nhập lệnh

Khung nhập lệnh (Command Palette) là tính năng nổi tiếng của Sublime Text. Các trình biên soạn thảo code ra đời sau rất nhiều tích hợp kĩ năng này.

*
Visual Studio Code Command Palette

Giả sử tôi cần nhảy mang đến file gồm tên script.js nằm đâu đó trong dự án. Tôi nhấn tổng hợp phím Ctrl + P, khung nhập lệnh chỉ ra giữa màn hình. Thời điểm này, tôi nhập vào vài kí tự đầu tiên của tên file. Trong quá trình nhập, Visual Studio Code vẫn hiển thị hiệu quả gần đúng tuyệt nhất với các kí tự vẫn nhập. Nếu như thấy file nên mở nằm trong danh sách này, ta sử dụng mũi tên tăng giảm để dịch chuyển vùng chọn cho nó rồi dấn Enter. Bằng cách này, ta không phải rời tay khỏi bàn phím để cần sử dụng chuột click vào file trong cửa sổ Explore. Nhờ vậy, ta có thể di đưa rất cấp tốc giữa các file.

Để chạy một lệnh làm sao đó đến Visual Studio Code, ta dùng tổ hợp phím Ctrl + Shift + phường Lúc này, một form nhập lệnh tương tự như ban nãy hiện tại ra. Tuy nhiên, ta thấy nó có một dấu > phía trước. Nếu sử dụng Ctrl + p. để mở form nhập lệnh, kế tiếp gõ thêm dấu > thì ta cũng dấn được tác dụng tương tự. Tôi thích cần sử dụng Ctrl + Shift + p vì nó nhanh hơn.

Giả sử tôi muốn thay đổi theme mang lại Visual Studio Code. Vậy vì đề nghị mò trong lô menu để tìm ra mục theme, tôi chỉ cần bấm Ctrl + Shift + P, sau đó gõ tự khóa theme. Visual Studio Code liệt kê các công dụng liên quan lại tới theme. Tôi sử dụng mũi tên tăng và giảm để lựa chọn theme tương xứng và dấn Enter.

Khi muốn dịch chuyển nhanh đến loại cụ thể, tôi cần sử dụng Ctrl + G. Cơ hội này, form nhập lệnh hiển thị và điền sẵn dấu : bên trong. Tôi nhập số dòng và thừa nhận Enter để nhảy ngay đến dòng đó. Xung quanh ra, khi muốn nhảy cho một class tốt method, ta sử dụng Ctrl + Shift + O, kế tiếp nhập tên class xuất xắc method ý muốn đến. Các tên này được hotline là symbol và được thể hiện bằng kí tự