Hướng dẫn sử dụng visual studio code

-

Những thủ thuật trong nội dung bài viết này vẫn giúp cho bạn sử dụng Visual Studio để code phần mềm được thông minh, gọn gàng và thật sạch hơn. Thông qua nội dung bài viết này, các bạn sẽ được làm quen với các tính năng chỉnh sửa, điều hành và kiểm soát mã nguồn trẻ khỏe và thông minh, cùng các phím tắt hữu ích. Để có cái quan sát tổng quan liêu về chủ đề này chúng ta hãy tham khảo thêm bài viết phía dẫn bắt đầu và chỉ dẫn sử dụng.Bạn đang xem: hướng dẫn áp dụng visual studio code, mẹo và thủ thuật visual studio code

Nếu bạn chưa xuất hiện Visual Studio Code hãy tải tại đây

 Cơ bản

Màn hình giới thiệu của Visual Studio


*

Phía dưới cùng bên cần của màn hình reviews có liên kết tới trang giúp chúng ta có thể tương tác và thử những tính năng cơ phiên bản của Visual Studio. Help > Interactive Playground


*

*

Default keyboard shortcuts (phím tắt mặc định)

Tất cả lệnh phía bên trong Command Palette đều tất cả sự liên kết ràng buộc với key (nếu nó tồn tại). Nếu khách hàng quên một lệnh nào đó, rất có thể dùng Command Palette để tìm lệnh chúng ta cần.

Bạn đang xem: Hướng dẫn sử dụng visual studio code


*

*

Điều hướng giữa các tệp được mở gần đây

Lặp lại phím tắt Quick Open để xoay vòng nhanh giữa các tệp được mở gần đây.

Mở nhiều file tự Quick Open

Bạn có thể mở những file từ bỏ Quick Open bằng phương pháp nhấn phím mũi tên bên phải. Thao tác làm việc này đang mở file được chọn trong nền và bạn cũng có thể tiếp tục chọn file từ Quick Open.

Điều hướng giữa các folder được mở gần đây và không gian làm việc(workspaces)

Open Recent

Phím tắt: Ctrl+R

Màn hình chọn nhanh (Quick Pick) thả xuống với list File > mở cửa Recent với các thư mục và Workspaces được mở ngay gần đây.

Code

Code VS (Visual Studio) bao gồm giao diện cái lệnh khỏe mạnh (CLI) được cho phép bạn tùy chỉnh cách khởi chạy trình chỉnh sửa để cung ứng các trường hợp khác nhau.

# xuất hiện code with current directorycode .# mở cửa the current directory in the most recently used code windowcode -r .# create a new windowcode -n# change the languagecode --locale=es# xuất hiện diff editorcode --diff # xuất hiện file at specific line và column code --goto package.json:10:5# see help optionscode --help# disable all extensionscode --disable-extensions .

Folder .vscode

Các file cụ thể của workspaces bên trong một .vscode folder root.

Ví dụ: tasks.json so với Task Runner và launch.json đến debugger.

Status Bar

Lỗi với cảnh báo

Phím tắt: Ctrl + Shift + M

Nhanh nệm nhảy cho phần cảnh báo và lỗi phía bên trong project

Chuyển qua lại các lỗi với F8 hoặc Shift + F8


Bạn rất có thể lọc các vấn đề theo loại (‘errors’, ‘warnings’) hoặc khớp văn bản.

Thủ thuật – Change language mode (Chế độ thay đổi ngôn ngữ)

Phím tắt: Ctrl + KM


Nếu bạn có nhu cầu duy trì ngôn từ mới mang lại file đó, chúng ta có thể sử dụng lệnh Configure file Association for liên kết để không ngừng mở rộng file bây giờ với ngôn từ đã được cài.

Customization

Có không ít điều chúng ta cũng có thể làm để cấu hình thiết lập code VS.

Thay thay đổi theme

Thay đổi phím tắtĐiều chỉnh mua đặtThêm chuẩn xác JSONTạo đoạn tríchCài đặt phầm mềm mở rộng

Thay đổi theme

Phím tắt: Ctrl + K hoặc Ctrl + T


Bạn gồm thể cài đặt thêm các chủ đề trường đoản cú phần không ngừng mở rộng của VS Marketplace.

Ngoài ra, bạn có thể cài đặt và thay đổi chủ đề của icon tệp tin của mình


Keymaps

Bạn sẽ quen với các phím tắt từ một trình soạn thảo khác? chúng ta có thể cài đặt tiện ích không ngừng mở rộng Keymap mang các phím tắt từ bỏ trình sửa đổi yêu thích của doanh nghiệp sang VS. Preferences > Keymap Extensions để coi danh sách hiện tại trên Marketplace. Một số trong những phần mở rộng phổ biến:

Tùy chỉnh phím tắt của bạn

Phím tắt: Ctrl + K Ctrl + S


Bạn hoàn toàn có thể tìm kiếm các phím tắt và thêm các tổ phù hợp phím của riêng bạn vào tệp tin keybindings.json.


Điều chỉnh cài đặt của bạn

Theo mang định, VS hiển thị trình chỉnh sửa Settings, bạn có thể tìm thấy các thiết lập được liệt kê dưới trong thanh search kiếm, tuy thế vẫn có thể chỉnh sửa settings.json file bên dưới bằng phương pháp sử dụng lệnh xuất hiện Settings (JSON) hoặc bằng cách thay đổi trình chỉnh sửa cài đặt mặc định của bản thân mình bằng thiết lập workbench.settings.editor.

Mở User setting settings.json

Phím tắt: Ctrl +,

Thay đổi phông chữ của những thành phần UI khác nhau

// Main editor"editor.fontSize": 18,// Terminal panel"terminal.integrated.fontSize": 14,// đầu ra panel"": "editor.fontSize": 15Thay đổi mức thu phỏng

"window.zoomLevel": 5Phông chữ

"editor.fontFamily": "Fira Code","editor.fontLigatures": trueTips: Bạn đã cần thiết đặt phông chữ hỗ trợ chữ ghép chứ. FiraCode là phông chữ phổ biến trong nhóm VS Code


Auto Save

"files.autoSave": "afterDelay"Bạn cũng rất có thể chuyển auto Save từ thực đơn cấp tối đa với File > Auto Save.

Xem thêm: Ngân Hàng Câu Hỏi Trắc Nghiệm Excel, Câu Hỏi Trắc Nghiệm Excel 2010 Có Đáp Án

Format on save

"editor.formatOnSave": trueFormat on paste

"editor.formatOnPaste": trueChange the kích cỡ of Tab characters

"editor.tabSize": 4Spaces or Tabs

"editor.insertSpaces": trueRender whitespace

"editor.renderWhitespace": "all"Các ký tự Whitespaces được hiển thị theo mặc định trong chọn lọc văn bản

Ignore files/folders (bỏ qua các file/folder)

Xóa các file/folder khỏi cửa sổ soạn thảo

"files.exclude": "somefolder/": true, "somefile": trueXóa những file/folder khỏi công dụng tìm kiếm

"search.exclude": "someFolder/": true, "somefile": trueVà nhiều tùy chỉnh khác

Cài đặt ngôn từ cụ thể

Đối cùng với các setup mà chúng ta chỉ muốn cho các ngôn ngữ rứa thể, bạn cũng có thể cài đặt theo mã định danh ngôn ngữ. Bạn cũng có thể tìm thấy danh sách những id ngữ điệu thường được áp dụng trong tham chiếu Định danh ngôn ngữ.

"": Tips: bạn cũng có thể tạo thiết đặt cụ thể cho ngôn ngữ bằng lệnh Configure Language Specific Settings.


Thêm đúng đắn JSON

Được bật theo khoác định mang lại nhiều nhiều loại tệp. Tạo nên lược thiết bị và xác thực của riêng các bạn trong settings.json

"json.schemas": , "url": "https://json.schemastore.org/bower" }>hoặc cho một lược đồ gia dụng được xác định trong không gian làm bài toán của bạn

"json.schemas": , "url": "./myschema.json" }>hoặc một lược đồ tùy chỉnh

Tiện ích mở rộng

Phím tắt: Ctrl + Shift + X

Tìm extensions

Tìm kiếm bên trong VS Code trong hình ảnh Extensions.Lời khuyên app mở rộng

Cài đặt phầm mềm mở rộng

Trong cơ chế xem Extensions, bạn có thể tìm kiếm trải qua thanh kiếm tìm kiếm hoặc nhấp vào nút More Actions (…) nhằm lọc và bố trí số lượt tải đặt.


Extensions được gợi ý

Trong hình ảnh Extensions, nhấp vào Show Recommended Extensions trong More Actions (…)


Tạo extension của riêng biệt bạn

Bạn có cân nhắc việc sản xuất phần không ngừng mở rộng của riêng biệt bạn? chúng ta cũng có thể tìm hiểu các tiến hành trong Extension API documentation, với tài liệu đặc trưng documentation on contribution points.

configurationcommandskeybindingslanguagesdebuggersgrammarsthemessnippetsjsonValidation

Files với folders

Tích hợp trang bị đầu cuối

Phím tắt: Ctrl + `


Thanh bên

Phím tắt: Ctrl + B


Chuyển thay đổi Panel

Phím tắt: Ctrl + J

Zen Mode

Phím tắt: Ctrl + KZ


Liên kết tệp tin

Tạo các liên kết ngôn ngữ cho những tệp không được phạt hiện chính xác. Ví dụ: nhiều tệp thông số kỹ thuật có phần mở rộng tập tùy chỉnh cấu hình thực sự là JSON

"files.associations": ".database": "json"Ngăn ngăn viết lỗi

VS code vẫn hiển thị cho mình một thông tin lỗi khi bạn cố lưu giữ một tệp quan trọng lưu được bởi nó đã chuyển đổi trên ổ đĩa. Khối VS code lưu tệp để ngăn các biến đổi ghi đè đã làm được thực hiện phía bên ngoài trình chỉnh sửa.

Để xử lý xung đột, nhấp vào hành vi Compare trong thông báo lỗi nhằm mở trình chỉnh sửa biệt lập sẽ hiển thị cho mình nội dung của tệp trên đĩa (bên trái) so với ngôn từ trong VS code (bên phải)


Sử dụng các hành vi trong thanh công cụ biên tập để giải quyết xung đột. Chúng ta có thể Accept các đổi khác của mình và cho nên ghi đè mọi thay đổi trên ổ đĩa hoặc Revert  về phiên bạn dạng trên ổ đĩa. Revert có nghĩa là những chuyển đổi của các bạn sẽ bị mất.

Lưu ý: Tệp đang vẫn bị lỗi và chẳng thể lưu cho tới khi bạn chọn một trong hai hành động để giải quyết xung đột.

Editing hacks

Dưới đây là một lựa chọn các tính năng phổ biến để chỉnh sửa Code. Nếu các phím tắt không phù hợp với bạn, hãy lưu ý việc setup extension mang lại trình chỉnh sửa cũ của bạn.

Tips: Bạn rất có thể thấy những extension key maps được khuyến nghị trong cơ chế xem extension cùng với Ctrl + K Ctrl + M nhằm lọc tra cứu kiếm recommended:keymaps.

Lựa chọn nhiều nhỏ trỏ

Để thêm nhỏ trỏ vào những vị trí tùy ý, lựa chọn một vị trí bằng chuột và sử dụng alternative text + Click (Option + click macOS).

Để đặt con trỏ sinh hoạt trên hoặc dưới vị trí hiện tại, hãy sử dụng:

Phím tắt: Ctrl + alt + Up hoặc Ctrl + alternative text + Down


Bạn hoàn toàn có thể thêm nhỏ trỏ bổ sung cập nhật cho tất cả các lần xuất hiện của những lựa chọn hiện tại với phím tắt Ctrl + Shift + L.


Lưu ý: bạn cũng có thể thay đổi chính sách sửa biến thành Ctrl / Cmd để vận dụng nhiều bé trỏ cùng với editor.multiCursorModifier setting . Xem quy định Multi-cursor Modifier để biết bỏ ra tiết.

Nếu bạn không thích thêm toàn bộ các lần lộ diện của chọn lựa hiện tại, bạn cũng có thể sử dụng Ctrl + D thay thế. Điều này chỉ lựa chọn lần mở ra tiếp theo sau lần các bạn chọn để chúng ta cũng có thể thêm từng chọn lựa một.


Column (box) selection

Bạn rất có thể chọn các khối văn bạn dạng bằng cách giữ Shift + Alt (Shift + Option trên macOS) trong khi bạn kéo chuột. Một bé trỏ riêng sẽ được thêm vào thời điểm cuối mỗi loại được chọn.


Bạn cũng hoàn toàn có thể sử dụng phím tắt để kích hoạt chọn lựa cột.

"editor.rulers":
Vertical rulers

Nhấn phím Alt được cho phép cuộn cấp tốc trong trình sửa đổi và Explorers. Theo mặc định, cuộn nhanh sử dụng thông số nhân tốc độ 5X nhưng bạn có thể điều khiển hệ số nhân với setup Editor: Fast Scroll Sens Sens (editor.fastScrollSensitivity)