CÁCH DÙNG VISUAL STUDIO CODE

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

Bạn đang xem: Cách dùng visual studio code

Đa căn cơ là xu thế bắt buộc. Do đối đầu khốc liệt từ cộng đồng nguồn mở, Microsoft đã bắt đầu cởi trói cho người con cưng của mình, để bọn chúng tự tung từ tác lịch sự những nền tảng “đối lập”. Thay vì chưng cứ bắt “hễ dùng công nghệ của tôi thì đề xuất chạy hệ điều hành của tôi”, gã lớn tưởng phần mềm có thể chấp nhận được các căn nguyên khác tiếp cận dễ ợt với công nghệ của hãng, với Visual Studio Code là tác dụng của bốn duy new 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 từ mép cửa sổ. Phụ thuộc biểu tượng, ta dễ ợt đ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 ck lên nhau. Nếu sẽ có kinh nghiệm tay nghề với Visual Studio (bản vật 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ó thể có một cửa sổ tương tự, cơ mà được hotline là Explore. Khung hành lang cửa số này chia thành hai phần. Phần trên cùng là Working Files, chứa đa số file ta đang có tác dụng việc. Còn phần dưới là cây thư mục, chứa toàn thể các file và thư mục có vào dự án. Lúc rê loài chuột lên title của từng phần, ta thấy một vài icon nhỏ tuổi xuất hiện bên phải. Nếu còn muốn biết các biểu tượng này làm cho 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 hoàn toàn có thể truy cập các tác dụng này bằng cách click phải.

*
Visual Studio Code Search

Kế mang đến 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 cố gắng tìm kiếm. Click vào nó, một khung hành lang cửa số tìm kiếm hiện tại ra. Công dụng này khá dễ nắm bắt nên tôi đang nhường cho bạn tự thăm khám phá. Visual Studio Code còn có cách khác nhằm tìm kiếm rất kết quả và độc đáo. Tôi đã trình bày ở phần sau của bài xích viết. Trước mắt, ta sẽ tìm hiểu tiếp hình tượng thứ cha 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 và Git là mẫu tên khá nổi bật nhất. Nếu dự án công trình chưa được Git quản ngại lí, Visual Studio Code hiển thị một cái nút to tướng ý kiến đề xuất khởi tạo. Ta rất có thể dùng thẳng khung cửa sổ này để commit nhưng không cần nhảy qua cửa sổ dòng lệnh. Tất nhiên, Visual Studio Code không thể hỗ trợ mọi tính năng của Git. Tuy nhiên với những gì nó hỗ trợ thì quá đầy đủ cho nhu yếu Git hàng ngày.

*
Visual Studio Code Debug

Biểu tượng sau cùng là bé bọ nằm trong tầm tròn gạch chéo. Đây là tính năng tiêu khử sâu bọ hay nói một cách khác là debugger. Thao tác cơ bạn dạng khi cần sử dụng debugger là như nhau. Đầu tiên ta để breakpoint, sau đó chạy chương trình cho tới khi va breakpoint. Kế đến, ta soát sổ giá trị của biến, hoặc mang đến chạy từng loại code để kiểm tra các thay đổi. Trong bài xích này, tôi tất yêu đi sâu vào quy trình debug. Chúng ta nên xem thêm nếu tài năng debug vẫn còn đó non.

Thanh trạng thái

Nhìn xuống góc dưới bên trái, ta thấy hai biểu tượng với con số phía trước. Đây là mục mang đến ta biết số error và warning hiện bao gồm trong code. Thông thường, ta rất có thể lờ đi các warning, tuy nhiên để code sạch mát sẽ, ta tránh việc chừa lại bất kỳ warning nào. Nếu như thấy số lượng trước error tuyệt warning to hơn 0, ta yêu cầu ngay mau lẹ tìm phương pháp sửa nó. Lúc click vào mục này, Visual Studio Code hiển thị thông tin về số dòng gây ra lỗi, tự đó, ta có thể nhảy ngay mang đến dòng bao gồm lỗi để sửa.

Xem thêm: Hàn Quốc Hình Ảnh Thủ Đô Seoul Hàn Quốc Hình Ảnh Thủ Đô Seoul

*
Visual Studio Code Status Bar

Tiếp theo, ta đưa sang góc dưới mặt phải. Mục đầu tiên là số loại và số cột của con trỏ biên soạn thảo. Mục thiết bị hai là format encoding, mặc đị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 giải thích gì thêm.

Thứ cha là mục kí tự dứt dòng. Trong Linux, kí tự ngừng dòng là Line Feed (LF), còn vào Windows, kí từ này bao hàm Carriage Return cùng Line Feed (CRLF). Nếu nhằm mặc định là LF, khi dùng Notepad mở file này, ta vẫn thấy văn bản trở buộc phải lộn xộn vì Windows chỉ xuống loại khi gặp CRLF.

Kế đến là mục ngữ điệu lập trình. Visual Studio Code sẽ tự động phát hiện nay ngôn ngữ dựa 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 thuộc là biểu tượng mặt cười. Đây là địa điểm gửi ý kiến cho Microsoft nhằm họ hoàn thiện sản phẩm. Nếu như khách hàng có một ý tưởng phát minh hay, hãy giữ hộ nó đến họ. Biết đâu trong phiên bản Visual Studio Code tiếp theo, ý tưởng của bạn sẽ thành hiện thực.

Khung nhập lệnh

Khung nhập lệnh (Command Palette) là tính năng danh tiếng của Sublime Text. Những trình soạn thảo code thành lập sau rất nhiều tích hợp nhân tài này.

*
Visual Studio Code Command Palette

Giả sử tôi phải nhảy mang đến file gồm tên script.js nằm nơi nào đó trong dự án. Tôi nhấn tổng hợp phím Ctrl + P, khung nhập lệnh hiển thị giữa màn hình. Lúc này, tôi nhập vào vài ba kí tự thứ nhất của tên file. Trong quy trình nhập, Visual Studio Code sẽ hiển thị kết quả gần đúng độc nhất vô nhị với các kí tự vẫn nhập. Nếu như thấy file đề xuất mở nằm trong danh sách này, ta cần sử dụng mũi tên tăng và giảm để dịch chuyển vùng chọn mang lại nó rồi nhấn Enter. Bằng cách này, ta chưa phải rời tay khỏi bàn phím để dùng chuột click vào tệp tin trong cửa sổ Explore. Nhờ vào 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 đó mang lại Visual Studio Code, ta dùng tổng hợp phím Ctrl + Shift + p Lúc này, một size nhập lệnh giống như ban nãy hiện ra. Mặc dù nhiên, ta thấy nó gồm một dấu > phía trước. Nếu dùng Ctrl + p để mở khung nhập lệnh, kế tiếp gõ thêm dấu > thì ta cũng dìm được hiệu quả tương tự. Tôi thích dùng Ctrl + Shift + p. Vì nó nhanh hơn.

Giả sử tôi muốn chuyển đổi theme mang đến Visual Studio Code. Cụ vì đề nghị mò trong gò menu nhằm tìm ra mục theme, tôi chỉ cần bấm Ctrl + Shift + P, tiếp nối gõ tự khóa theme. Visual Studio Code liệt kê các tính năng liên quan liêu tới theme. Tôi cần sử dụng mũi tên tăng giảm để lựa chọn theme phù hợp và dấn Enter.

Khi muốn di chuyển nhanh đến dòng cụ thể, tôi dùng Ctrl + G. Dịp 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ố cái và nhận Enter để dancing ngay đến dòng đó. Quanh đó ra, khi ước ao nhảy đến một class giỏi method, ta sử dụng Ctrl + Shift + O, kế tiếp nhập thương hiệu class xuất xắc method mong đến. Các tên này được hotline là symbol và được biểu lộ bằng kí tự