Cài đặt Visual Studio Code trong Windows 10 cho Python và Django

Chào các bạn,
Visual Studio, trình soạn thảo văn bản được gọi là Visual Studio Code là trình soạn thảo văn bản miễn phí của Microsoft chạy trên Windows, Linux và macOS. Nó là một trình soạn thảo mới tham gia thị trường; Microsoft đã phát hành sản phẩm dưới dạng bản xem trước công khai vào cuối năm 2015, đăng mã nguồn mở lên Github, trước khi cung cấp dưới dạng bản phát hành chung vào tháng 4 năm 2016.

Mặc dù có vị thế sản phẩm mới, Visual Studio Code đã nhanh chóng trở nên phổ biến trong các nhà phát triển. Một số người có thể lập luận rằng nó không phải là một IDE thực sự, mà chỉ là một trình soạn thảo văn bản nâng cao. Nhưng theo tôi, sau khi cài đặt một số tiện ích mở rộng, nó gần như trở thành một IDE hoàn chỉnh với chức năng rất phong phú.

Ngoài ra, mặc dù là một ứng dụng dựa trên Electron, nhưng nó khá nhẹ và phản hồi nhanh (ngược lại với ví dụ như Atom, rất chậm và tốn nhiều tài nguyên).

Hướng dẫn này sẽ đi qua Cài đặt và thiết lập mã VS cho các dự án Python và Django trên máy của bạn.
Cài đặt Visual Studio Code
Visual Studio Code là một trình soạn thảo văn bản miễn phí, vì vậy để tải xuống, bạn chỉ cần truy cập trang web chính thức của họ và tải xuống tệp tùy thuộc vào hệ điều hành của bạn. Vì vậy, hãy truy cập trang web Vscode, và tải xuống bản ổn định mới nhất cho HĐH của bạn và sau khi quá trình tải xuống hoàn tất, hãy cài đặt trình chỉnh sửa và khởi chạy ứng dụng.
Chúng tôi giả sử rằng bạn đã cài đặt python và biến môi trường PATH cho HĐH của bạn đã hoàn tất.


Điều tốt nhất về VScode là nó đi kèm với command line tích hợp, tiện dụng cho các dự án Django và khi bạn cần chạy file python từ dòng lệnh nhấn

Ctrl + Shift + `

để gọi command line.


Lưu ý rằng trong windows powershell có vẻ lạ đối với người dùng mới, nên sử dụng bảng điều khiển gỡ lỗi Python hoặc CMD.
Cấu hình python cho Visual Studio Code
Để tận hưởng các tính năng của Pythonic như Linting, Gỡ lỗi (đa luồng, từ xa), định dạng mã, tái cấu trúc, kiểm tra đơn vị, đoạn trích và hơn thế nữa, bạn cần cài đặt tiện ích mở rộng Python cho Vscode.

Để cài đặt tiện ích mở rộng, nhấn

Ctrl + Shift + x

hoặc nhấp vào biểu tượng tiện ích mở rộng.
VS3
Bây giờ hãy tìm kiếm Python và cài đặt nó.


Lựa chọn trình thông dịch Python cho Visual Studio Code
Nhấn CTRL + SHIFT + P và nhập Python: Select Interpreter Chọn Trình thông dịch và chọn môi trường cho dự án của bạn. Bạn có thể thấy môi trường hoạt động ở phía dưới bên trái của trình biên dịch.
VS5
Thêm extensions cho Django
Tìm kiếm Djaneiro tiện ích mở rộng này cung cấp một bộ các đoạn trích cho các models, fields, views, templates và forms (các khái niệm trong Django) được chuyển từ Djaneiro cho SublimeText.
Cài đặt các theme cho dễ nhìn trong Visual Studio Code
Vscode themes mặc định là rất tốt, tuy nhiên có rất nhiều theme miễn phí tuyệt vời có sẵn để tải xuống.
Theme yêu thích của tôi là Night Owl + vì vậy hãy để cài đặt theme Night Owl + từ các tiện ích mở rộng.
Để khám phá thêm các Vscode theme, hãy truy cập https://vscodetheme.com/

Để thay đổi theme hãy theo đường dẫn, File>Preference> color theme

Và chọn theme mà bạn thích.
VS81
Lưu ý bên dưới color theme có một tùy chọn cho file icon theme.

Tải xuống Material Icon Theme từ extensions và nhấp vào đó và chọn theme này sẽ cung cấp các biểu tượng tệp khác nhau cho các icon khác nhau.
VS8
Bây giờ bạn có thể tắt Visual Studio Code và bật lại sau đấy mở một dự án nào đấy về Python bạn sẽ thấy các file Python được hiển thị đẹp như thế nào.


Cấu hình thêm phần Settings
Bạn đến File> preferece> settings mở settings.json file.

Trong USER SETTINGS trong ngoặc { } thêm những phần sau vào Settings.

> // my custom settings
>     "editor.formatOnSave": true,
>     "editor.rulers": [
>         80,
>         120
>     ],
>     "files.exclude": {
>         "**/.git": true,
>         "**/.svn": true,
>         "**/.hg": true,
>         "**/CVS": true,
>         "**/.DS_Store": true,
>         ".vscode": true,
>         "**/*.pyc": true,
>     },
>     "workbench.editor.enablePreview": false,
>     "editor.minimap.enabled": false,
>     "python.linting.pylintArgs": [
>         "--load-plugins",
>         "pylint_django"

Để sử dụng các tính năng trên, trình chỉnh sửa sẽ nhắc bạn cài đặt pylintautopep8 hoặc bạn có thể cài đặt chúng trực tiếp trong môi trường ảo.

pip install autopep8
pip install pylint

Một số VSCode Extensions hữu dụng bạn nên thử

  • Code Spell Checker
  • Django
  • Git History
1 Like

Ad nên ghi cái nội dung phần vào tiêu đề bài viết sẽ dễ theo dõi hơn

Hay lắm ad.mình cũng đang dùng VS code

Chào ad! Cho em hỏi em muốn xem tài liệu và hướng dẫn Django từ vỡ lòng thì có bài nào không ah?

Bạn có thể đăng yêu cầu của bạn vào mục yêu cầu hướng dẫn.
https://pycon.vn/c/yeu-cau-huong-dan/10