Visual Studio Code là trình soạn thảo miễn phí được viết bởi Microsoft. Bản phát hành đầu tiên của nó là vào năm 2015, và cậu bé đã thành công. Nó có hơn 28 nghìn câu hỏi trên StackOverflow, là trình chỉnh sửa Python được sử dụng nhiều thứ 2 theo khảo sát của Jetbrains 2019 và là trình chỉnh sửa phổ biến nhất theo khảo sát của Jetbrains. Mã VS có thị trường riêng, hoạt động trên Windows, và Mac. Microsoft đã tạo ra một máy chủ ngôn ngữ mạnh mẽ có tên là Pylance mà bạn chắc chắn cũng muốn đọc một cái gì đó… nhưng trước tiên hãy bắt đầu với những điều cơ bản
Khi bạn lần đầu tiên bắt đầu VS Code, nó cung cấp cho bạn một vài plugin có thể hữu ích. Tôi đã trực tiếp cài đặt tích hợp Python cũng như các ràng buộc phím Sublime Text. Đặc biệt hãy ghi nhớ phần liên kết phím khi tôi viết về các phím tắt
Tốc độ
Mã VS mất hơn một giây để bắt đầu. Điều này có nghĩa là nó nhanh hơn PyCharm, nhưng chậm hơn Sublime Text. Mã VS lưu trữ mọi thứ, ngay cả khi bạn không nhấn Ctrl+S
. Điều này có nghĩa là bạn luôn có thể đóng trình chỉnh sửa. Lần sau khi bạn mở nó, nó sẽ cho bạn biết rằng có những thay đổi chưa được lưu 😍
Giao diện người dùng
Trong ảnh chụp màn hình ở trên, bạn có thể thấy những gì tôi thường mở
- Trình chỉnh sửa nơi bạn có thể đọc mã. Tất nhiên với đánh dấu cú pháp và số dòng
- Trình khám phá nơi bạn có thể xem các tệp của không gian làm việc
- Thanh hoạt động bên trái của trình khám phá. Tại đây, bạn có thể chuyển trình thám hiểm sang công cụ tìm kiếm, tích hợp hệ thống kiểm soát phiên bản [VCS], trình gỡ lỗi và các công cụ khác. Đây là lý do chính tại sao tôi không thích mã VS ngay từ đầu. Tuy nhiên, bạn chỉ cần ẩn nó đi 😍
- Bên phải của mã, có một bản đồ nhỏ của mã. Điều này có thể hữu ích để chuyển đến các phần kỳ lạ
Bảng lệnh
Đây là cách để tiếp cận bất kỳ chức năng nào của trình chỉnh sửa. Không còn tìm kiếm trong các menu được lồng sâu ❤️
Bạn có thể mở bảng lệnh bằng tổ hợp phím Ctrl
+ Shift
+ P
. Nó trông như thế này
Ảnh chụp màn hình được chụp bởi tác giả
Mặc dù tôi không thể xác định chính xác lý do tại sao, nhưng tôi thích bảng lệnh của Sublime Text hơn một chút và của PyCharm thì ít hơn. Đối với tôi, có vẻ như tìm kiếm mờ của Sublime Text là tốt nhất. Về mặt trực quan, VS Code đã làm rất tốt
Phím tắt tùy chỉnh
Mã VS có một bảng gian lận chính thức cho các ràng buộc khóa mặc định [ nguồn ] và tôi đã đề cập rằng bạn có thể sử dụng các ràng buộc khóa mặc định của các trình soạn thảo khác. Điều đó thật gọn gàng, nhưng tôi muốn có thể tùy chỉnh nó hoàn toàn theo nhu cầu của mình
Và, tất nhiên, bạn có thể làm điều đó. VS Code thậm chí còn cung cấp cho bạn một giao diện khá đẹp, thừa nhận rằng bạn có thể muốn các hành động khác nhau tùy thuộc vào tình huống/ngôn ngữ lập trình
Trình chỉnh sửa phím tắt của VS Code. Ảnh chụp màn hình được chụp bởi tác giả
Tương tác tab
Bạn có thể đóng tab bằng Ctrl+W
, giống như trong Chrome. Bạn có thể chuyển sang tab đầu tiên với Alt+1
, sang tab thứ hai với Alt+2
, …
Bạn có thể mở một tệp mới bằng
{
"editor.renderWhitespace": "all",
"editor.fontFamily": "Ubuntu Mono",
"workbench.colorTheme": "textmate",
"python.formatting.provider": "black",
"python.languageServer": "Pylance",
"python.analysis.typeCheckingMode": "basic",
"python.defaultInterpreterPath": "/home/moose/.pyenv/shims/python",
"zenMode.hideLineNumbers": false,
"zenMode.hideStatusBar": false,
"python.analysis.extraPaths": [
"/home/moose/.pyenv/versions/3.8.6/lib/python3.8/site-packages"
],
"workbench.colorCustomizations": {
"terminal.background": "#373633",
"terminal.foreground": "#dfdbd2",
},
"terminal.integrated.fontFamily": "Ubuntu Mono derivative Powerline"
}
0 — giống như bạn mở một cửa sổ mới trong ChromeChuyển đến dòng
{
"editor.renderWhitespace": "all",
"editor.fontFamily": "Ubuntu Mono",
"workbench.colorTheme": "textmate",
"python.formatting.provider": "black",
"python.languageServer": "Pylance",
"python.analysis.typeCheckingMode": "basic",
"python.defaultInterpreterPath": "/home/moose/.pyenv/shims/python",
"zenMode.hideLineNumbers": false,
"zenMode.hideStatusBar": false,
"python.analysis.extraPaths": [
"/home/moose/.pyenv/versions/3.8.6/lib/python3.8/site-packages"
],
"workbench.colorCustomizations": {
"terminal.background": "#373633",
"terminal.foreground": "#dfdbd2",
},
"terminal.integrated.fontFamily": "Ubuntu Mono derivative Powerline"
}
1 để chuyển đến một dòng. Điều này cực kỳ tiện dụng khi bạn đang gỡ lỗiĐi nộp
{
"editor.renderWhitespace": "all",
"editor.fontFamily": "Ubuntu Mono",
"workbench.colorTheme": "textmate",
"python.formatting.provider": "black",
"python.languageServer": "Pylance",
"python.analysis.typeCheckingMode": "basic",
"python.defaultInterpreterPath": "/home/moose/.pyenv/shims/python",
"zenMode.hideLineNumbers": false,
"zenMode.hideStatusBar": false,
"python.analysis.extraPaths": [
"/home/moose/.pyenv/versions/3.8.6/lib/python3.8/site-packages"
],
"workbench.colorCustomizations": {
"terminal.background": "#373633",
"terminal.foreground": "#dfdbd2",
},
"terminal.integrated.fontFamily": "Ubuntu Mono derivative Powerline"
}
2 để đi đến bất kỳ tệp nào trong không gian làm việc hiện tại. Với tìm kiếm mờ một lần nữa 🎉Tìm/Thay thế tất cả
{
"editor.renderWhitespace": "all",
"editor.fontFamily": "Ubuntu Mono",
"workbench.colorTheme": "textmate",
"python.formatting.provider": "black",
"python.languageServer": "Pylance",
"python.analysis.typeCheckingMode": "basic",
"python.defaultInterpreterPath": "/home/moose/.pyenv/shims/python",
"zenMode.hideLineNumbers": false,
"zenMode.hideStatusBar": false,
"python.analysis.extraPaths": [
"/home/moose/.pyenv/versions/3.8.6/lib/python3.8/site-packages"
],
"workbench.colorCustomizations": {
"terminal.background": "#373633",
"terminal.foreground": "#dfdbd2",
},
"terminal.integrated.fontFamily": "Ubuntu Mono derivative Powerline"
}
3 để tìm thứ gì đó, {
"editor.renderWhitespace": "all",
"editor.fontFamily": "Ubuntu Mono",
"workbench.colorTheme": "textmate",
"python.formatting.provider": "black",
"python.languageServer": "Pylance",
"python.analysis.typeCheckingMode": "basic",
"python.defaultInterpreterPath": "/home/moose/.pyenv/shims/python",
"zenMode.hideLineNumbers": false,
"zenMode.hideStatusBar": false,
"python.analysis.extraPaths": [
"/home/moose/.pyenv/versions/3.8.6/lib/python3.8/site-packages"
],
"workbench.colorCustomizations": {
"terminal.background": "#373633",
"terminal.foreground": "#dfdbd2",
},
"terminal.integrated.fontFamily": "Ubuntu Mono derivative Powerline"
}
4 để thay thế. Bạn cũng có thể sử dụng regex. Chắc chắn là một tính năng tôi không muốn bỏ lỡ. Điều này khá thú vị khi kết hợp với nhiều con trỏ. [ {
"editor.renderWhitespace": "all",
"editor.fontFamily": "Ubuntu Mono",
"workbench.colorTheme": "textmate",
"python.formatting.provider": "black",
"python.languageServer": "Pylance",
"python.analysis.typeCheckingMode": "basic",
"python.defaultInterpreterPath": "/home/moose/.pyenv/shims/python",
"zenMode.hideLineNumbers": false,
"zenMode.hideStatusBar": false,
"python.analysis.extraPaths": [
"/home/moose/.pyenv/versions/3.8.6/lib/python3.8/site-packages"
],
"workbench.colorCustomizations": {
"terminal.background": "#373633",
"terminal.foreground": "#dfdbd2",
},
"terminal.integrated.fontFamily": "Ubuntu Mono derivative Powerline"
}
5 ]chế độ thiền
{
"editor.renderWhitespace": "all",
"editor.fontFamily": "Ubuntu Mono",
"workbench.colorTheme": "textmate",
"python.formatting.provider": "black",
"python.languageServer": "Pylance",
"python.analysis.typeCheckingMode": "basic",
"python.defaultInterpreterPath": "/home/moose/.pyenv/shims/python",
"zenMode.hideLineNumbers": false,
"zenMode.hideStatusBar": false,
"python.analysis.extraPaths": [
"/home/moose/.pyenv/versions/3.8.6/lib/python3.8/site-packages"
],
"workbench.colorCustomizations": {
"terminal.background": "#373633",
"terminal.foreground": "#dfdbd2",
},
"terminal.integrated.fontFamily": "Ubuntu Mono derivative Powerline"
}
6 và tìm kiếm “Zen”. Trong chế độ đó, bạn có mã. Không có bản đồ nhỏ, không có trình duyệt tệp, không có chân trang. Điều này rất hữu ích nếu bạn muốn cho nhà phát triển khác thấy điều gì đó. Và bạn có thể điều chỉnh những gì được hiển thị trong chế độ Zen. Ví dụ, tôi vẫn muốn xem số dòng17 phím tắt khác
Amy J. Andrews đã viết bài báo tuyệt vời này với 17 phím tắt khác
17 phím tắt mã Visual Studio hữu ích để tăng tốc độ mã hóa của bạn
Đây là tính năng thú vị mà bạn có thể mong đợi từ trình chỉnh sửa mã số 1 thế giới
trung bình. com
tự động hoàn thành
VS Code + pylance cung cấp tính năng tự động hoàn thành TUYỆT VỜI 💘 Xin lưu ý rằng bạn cần cho nó biết một chút về những gì bạn đang làm. Sử dụng chú thích loại để giúp Mã VS giúp bạn. Nhân tiện, gõ chú thích là tuyệt vời
Ví dụ tự động hoàn thành Mã VS với pylance. Ảnh chụp màn hình được chụp bởi tác giả. gợi ý chữ ký
Đôi khi tôi muốn nhận được một gợi ý về chữ ký của một chức năng. Trong VS Code, bạn chỉ cần rê chuột vào tên là ra. Hộp chứa chuỗi tài liệu 😍
Gợi ý chữ ký hàm khi bạn di chuột qua tên. Ảnh chụp màn hình được chụp bởi tác giả. Chuyển đến Định nghĩa
Nhấp vào bất cứ điều gì bạn quan tâm và nhấn
{
"editor.renderWhitespace": "all",
"editor.fontFamily": "Ubuntu Mono",
"workbench.colorTheme": "textmate",
"python.formatting.provider": "black",
"python.languageServer": "Pylance",
"python.analysis.typeCheckingMode": "basic",
"python.defaultInterpreterPath": "/home/moose/.pyenv/shims/python",
"zenMode.hideLineNumbers": false,
"zenMode.hideStatusBar": false,
"python.analysis.extraPaths": [
"/home/moose/.pyenv/versions/3.8.6/lib/python3.8/site-packages"
],
"workbench.colorCustomizations": {
"terminal.background": "#373633",
"terminal.foreground": "#dfdbd2",
},
"terminal.integrated.fontFamily": "Ubuntu Mono derivative Powerline"
}
7. Đó là nó. nó hoạt động. Và hoạt động rất tốt và trơn tru. Bạn có thể làm điều này với bất cứ điều gì. Hàm, biến, nội dung của bên thứ 3, nội dung thư viện cốt lõigỡ lỗiGiao diện gỡ lỗi cho Visual Studio Code rất nhẹ và có chính xác những gì bạn cần trong hầu hết các trường hợp. [1] Bạn có thể nhấp vào máng xối nơi bạn muốn đặt điểm ngắt. [2] Bạn có thể bắt đầu trình gỡ lỗi bằng cách nhấp vào thanh hoạt động trên nút phát. Tại đây bạn cũng có thể thấy giá trị hiện tại của tất cả các biến. [3] Tiếp tục, bước qua, bước vào, bước ra, khởi động lại và dừng trình gỡ lỗi. [4] Quan sát đầu ra trong thiết bị đầu cuối
Ảnh chụp màn hình được chụp bởi tác giả Tích hợp WSL2
Plugin này thật tuyệt vời, nó xứng đáng có phần riêng
Sử dụng WSL 2 với Visual Studio Code
Ngày 3 tháng 9 năm 2019 bởi Matt Hernandez, @ fiveisprime Đã vài tháng kể từ bản beta đầu tiên cho Windows…
mã số. Visual Studio. com
Công cụ khác biệtVisual Studio Code có một công cụ tìm khác biệt khá tốt được tích hợp. Bạn có thể gọi nó từ bảng điều khiển với
________số 8_______Người dùng Windows. Bạn cũng có thể thực hiện điều này từ bảng điều khiển Ubuntu trong WSL2
Tích hợp kiểm tra đơn vịĐánh
{
"editor.renderWhitespace": "all",
"editor.fontFamily": "Ubuntu Mono",
"workbench.colorTheme": "textmate",
"python.formatting.provider": "black",
"python.languageServer": "Pylance",
"python.analysis.typeCheckingMode": "basic",
"python.defaultInterpreterPath": "/home/moose/.pyenv/shims/python",
"zenMode.hideLineNumbers": false,
"zenMode.hideStatusBar": false,
"python.analysis.extraPaths": [
"/home/moose/.pyenv/versions/3.8.6/lib/python3.8/site-packages"
],
"workbench.colorCustomizations": {
"terminal.background": "#373633",
"terminal.foreground": "#dfdbd2",
},
"terminal.integrated.fontFamily": "Ubuntu Mono derivative Powerline"
}
8 và {
"editor.renderWhitespace": "all",
"editor.fontFamily": "Ubuntu Mono",
"workbench.colorTheme": "textmate",
"python.formatting.provider": "black",
"python.languageServer": "Pylance",
"python.analysis.typeCheckingMode": "basic",
"python.defaultInterpreterPath": "/home/moose/.pyenv/shims/python",
"zenMode.hideLineNumbers": false,
"zenMode.hideStatusBar": false,
"python.analysis.extraPaths": [
"/home/moose/.pyenv/versions/3.8.6/lib/python3.8/site-packages"
],
"workbench.colorCustomizations": {
"terminal.background": "#373633",
"terminal.foreground": "#dfdbd2",
},
"terminal.integrated.fontFamily": "Ubuntu Mono derivative Powerline"
}
9Hình ảnh của tác giả
Sau đó, bạn sẽ có thể chạy thử nghiệm chỉ bằng một cú nhấp chuột vào thử nghiệm trong VS Code 😍
tùy chỉnh
Mã Visual Studio cung cấp nhiều cách để tùy chỉnh. Bạn có hàng trăm cài đặt, chủ đề màu sắc và plugin
chủ đề
{
"editor.renderWhitespace": "all",
"editor.fontFamily": "Ubuntu Mono",
"workbench.colorTheme": "textmate",
"python.formatting.provider": "black",
"python.languageServer": "Pylance",
"python.analysis.typeCheckingMode": "basic",
"python.defaultInterpreterPath": "/home/moose/.pyenv/shims/python",
"zenMode.hideLineNumbers": false,
"zenMode.hideStatusBar": false,
"python.analysis.extraPaths": [
"/home/moose/.pyenv/versions/3.8.6/lib/python3.8/site-packages"
],
"workbench.colorCustomizations": {
"terminal.background": "#373633",
"terminal.foreground": "#dfdbd2",
},
"terminal.integrated.fontFamily": "Ubuntu Mono derivative Powerline"
}
8 , tìm kiếm “chủ đề”Chủ đề tối và sáng, bao gồm cả năng lượng mặt trời và Textmate 😍 Ảnh chụp màn hình do tác giả chụp
Cài đặt
Ảnh chụp màn hình được chụp bởi tác giả
Bạn cũng có thể tùy chỉnh mọi thứ thông qua tệp
{
"files.watcherExclude": {
"**/.pytest_cache/**": true
},
"files.exclude": {
"**/.mypy_cache": true,
"**/.pytest_cache": true,
"**/*.egg-info": true,
"**/mypy-report": true
}
}
1. Dưới đây là một số cài đặt tôi thích, sử dụng phông chữ Ubuntu Mono{
"editor.renderWhitespace": "all",
"editor.fontFamily": "Ubuntu Mono",
"workbench.colorTheme": "textmate",
"python.formatting.provider": "black",
"python.languageServer": "Pylance",
"python.analysis.typeCheckingMode": "basic",
"python.defaultInterpreterPath": "/home/moose/.pyenv/shims/python",
"zenMode.hideLineNumbers": false,
"zenMode.hideStatusBar": false,
"python.analysis.extraPaths": [
"/home/moose/.pyenv/versions/3.8.6/lib/python3.8/site-packages"
],
"workbench.colorCustomizations": {
"terminal.background": "#373633",
"terminal.foreground": "#dfdbd2",
},
"terminal.integrated.fontFamily": "Ubuntu Mono derivative Powerline"
}
Không gian làm việc
Bạn có thể tùy chỉnh những tệp/thư mục nào bị bỏ qua trong cài đặt không gian làm việc của mình. Ví dụ: tạo một
{
"files.watcherExclude": {
"**/.pytest_cache/**": true
},
"files.exclude": {
"**/.mypy_cache": true,
"**/.pytest_cache": true,
"**/*.egg-info": true,
"**/mypy-report": true
}
}
2 và thêm nội dung sau cho các dự án Python{
"files.watcherExclude": {
"**/.pytest_cache/**": true
},
"files.exclude": {
"**/.mypy_cache": true,
"**/.pytest_cache": true,
"**/*.egg-info": true,
"**/mypy-report": true
}
}
bổ sung
Cuối cùng, đã đến lúc nói về thị trường và đặc biệt là pylance
kim tự tháp
Pylance là một máy chủ ngôn ngữ Python. Là người dùng, bạn không phải lo lắng về điều đó quá nhiều. Hãy nghĩ về nó như một plugin cung cấp cho bạn tính năng tự động hoàn thành, trợ giúp chữ ký, kiểm tra loại và hơn thế nữa. Nó đặc biệt tuyệt vời nếu bạn sử dụng chú thích kiểu
Là một nhà phát triển đang tự hỏi mọi thứ hoạt động như thế nào, tôi phải đánh giá cao thiết kế đẹp mắt này của Microsoft. Họ đã tính toán một phần khó khăn để một nhóm riêng biệt có thể làm việc đó. Về lý thuyết, điều này có thể được tích hợp vào các trình soạn thảo/IDE/dịch vụ khác. Trong thực tế,. Ngoài ra, việc xác định giao diện máy chủ ngôn ngữ như vậy cũng cho phép các nhà phát triển tạo máy chủ ngôn ngữ cho các ngôn ngữ khác 🌟 Có giao diện này là một dấu hiệu của kiến trúc phần mềm tốt
Chân đế cầu vồng
Dấu ngoặc cầu vồng màu ngoặc lồng nhau
Nó dễ đọc hơn với dấu ngoặc màu, phải không?
Đường dẫn Intellisense
Đường dẫn Intellisense tự động hoàn thành đường dẫn của bạn khi bạn ở trong trình chỉnh sửa
Ảnh chụp màn hình được chụp bởi tác giả
GitLens
GitLens hiển thị cho bạn thông tin về lịch sử git
Bạn có nhận thấy văn bản màu xám? . Ảnh chụp màn hình được chụp bởi tác giả
Nếu bạn di chuột qua tin nhắn, bạn có thể chuyển đến cam kết sẽ mở ra một khác biệt đồ họa 😍
Một khác biệt đồ họa của cam kết được đánh dấu trước. Ảnh chụp màn hình được chụp bởi tác giả
Bộ công cụ AWS
Plugin AWS Toolkit thêm thông tin về S3 Buckets, Lambdas, nhật ký Cloudwatch, v.v. vào thanh hoạt động của bạn
Ảnh chụp màn hình được chụp bởi tác giả
đề cập danh dự
- Công cụ SQL. Chạy các truy vấn DB từ bên trong Mã VS
- Chia sẻ trực tiếp. Hỗ trợ lập trình cặp trong thời gian Corona. Tuy nhiên, tôi chưa thử plugin này cho đến nay
so sánh. Mã VS so với Văn bản tuyệt vời so với PyCharm
So với Sublime Text, VS Code ban đầu cảm thấy nặng nề hơn một chút đối với tôi. Tuy nhiên, điều này có thể đơn giản là do tôi đang sử dụng Sublime Text từ khoảng năm 2010 [tôi đã mua giấy phép vào năm 2014]. Có 10 năm kinh nghiệm trong một công cụ có nghĩa là bạn đã quen với công cụ đó khá nhiều. Ngoại trừ việc Sublime nhanh đến khó tin, tôi không thấy nó có lợi thế gì so với VS Code
So với PyCharm Professional, VS Code cảm thấy nhẹ hơn nhiều. Nó nhanh hơn và giao diện sạch hơn. Tôi không hoàn toàn chắc chắn, nhưng pylance cũng có thể tốt hơn tính năng tự động hoàn thành của PyCharm. Ưu điểm của PyCharm là trong các trường hợp cạnh. Cửa sổ công cụ cơ sở dữ liệu, SciView, có thể là một số tính năng sửa lỗi và chắc chắn là kiểm tra mã
Tóm lược
Microsoft đã làm một công việc tuyệt vời với Mã VS. Nó nhanh, có thể tùy chỉnh, có các tính năng cần thiết, thị trường, giá trị mặc định hợp lý, giao diện gọn gàng, hỗ trợ Windows/Mac/Linux và miễn phí. Thanh danh. tôi thích nó. 💜
Cái gì tiếp theo
Trong loạt bài “Python cho người mới bắt đầu” này, chúng tôi đã giải thích cách sử dụng Python với WSL2 trên Windows, cách sử dụng Python trên Windows với Anaconda. Bài viết này đã trình bày Visual Studio Code như một IDE tốt cho người mới bắt đầu và các chuyên gia