如何使用Visual Studio Code開發Django項目

BlackFlagBin 發布于2019-07-25 12:00 / 476人閱讀

摘要：如何獲得訪問下載并安裝。安裝完后需要使用命令安裝模塊，該模塊負責隔離不同項目開發之間的模塊依賴。工作區級別的設置則僅針對當前項目生效，配置文件存放在項目的文件夾中。以下步驟記錄了如何建立項目的基本目錄結構。

如何獲得 Visual Studio Code

訪問 http://code.visualstudio.com 下載并安裝。

前提條件

安裝Python 2.7 及 Python 3.5，Windows下可以安裝至 c:python27 及 c:python35。注意環境變量PATH的設置，建議只在PATH中添加一個版本的Python路徑。Python 安裝完后需要使用pip命令安裝virtualenv模塊，該模塊負責隔離不同項目開發之間的模塊依賴。

在安裝完后，如果是Windows操作系統，可以在%USERPROFILE%下創建pip文件夾，并在該文件夾內創建包含以下內容的pip.ini文件，該文件的作用是讓pip命令通過阿里云的鏡像站點安裝Python模塊。

[global]
index-url = http://mirrors.aliyun.com/pypi/simple/

[install]
trusted-host = mirrors.aliyun.com

如何將Visual Studio Code配置成Django項目開發環境

推薦在Windows下使用cmder作為首選命令行工具，配合最新版Git客戶端使用，即可在Windows下使用linux命令的移植版本。項目文件夾可為d: epos。

通常vscode應該以文件夾的形式打開項目，可以在cmder中通過cd命令切換目錄至項目文件夾，例如d: eposdemo，然后再執行 code . 打開項目。

推薦將vscode界面語言配置成英文，方式為在vscode窗口中按下 Ctrl + Shift + P，輸入語言，選擇配置語言，再打開的配置文件中，將locale設置為en-US

安裝插件

打開 vscode，按下 Ctrl + Shift + X 打開插件管理側邊欄。依次安裝下列插件

Git history
Python
Django Template
jquery Code Snippets
Bootstrap 3 Snippets

創建Django測試項目并進行配置

VS Code提供了兩種范圍的設置，分別是User及Workspace. 用戶級別的設置可以理解為全局設置，其中的設置對任一vscode實例都生效。工作區級別的設置則僅針對當前項目生效，配置文件存放在項目的 .vscode 文件夾中。一般在項目開發中我們使用工作區級別的設置。以下步驟記錄了如何建立Django項目的基本目錄結構。

創建項目文件夾，例如 mkdir e: empdjango_demo，并當前目錄切換到該文件夾

在項目文件夾中使用virtualenv env 創建env文件夾

創建 requirements.txt 文件，文件中添加以下內容，pylint為python的靜態語法檢測器，pylint-django 是適用于django項目的語法檢查其插件，autopep8 是代碼格式化工具

django<1.10
pylint
pylint-django
autopep8

執行 envScriptsactivate.bat 激活虛擬環境

執行 pip install -r requirements.txt 安裝相關模塊

執行 django-admin startproject demo . 在當前目錄下創建django項目文件夾

執行 python manage.py startapp web 新建django app

執行 code . 在當前配置打開項目

在 vscode 中按下 Ctrl + Shift + P，輸入 select，選擇 Python: Select Workspace Interpreter，在出現的選項中將Python解析器指向env文件夾中的python

在 vscode 中按下 Ctrl + Shift + P，輸入 workspace，選擇 Preferences: Open Workspace Settings，配置完成后的JSON文件如下

{
    "python.pythonPath": "e:/temp/django_demo/env/scripts/python.exe",
    "python.linting.pylintPath": "pylint",
    "python.linting.pylintArgs": [
        "--load-plugins", "pylint_django"
    ],
    "python.formatting.autopep8Path": "autopep8"
}

成功配置完成后，vscode 會在狀態欄中提示代碼是否符合 pylint的相關規則。之后我們可以在此基礎上繼續項目開發。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/38622.html

實錄分享&視頻 | 微軟Visual Studio Code是這樣支持Docker的

摘要：分享嘉賓是來自微軟云計算事業部的高級軟件開發工程師劉鵬。是微軟開源的一款開發工具，它針對做了許多編譯和命令上的支持。今天主要向大家介紹一下微軟去年推出的一個，以及對的一些支持。年他加入微軟，從事開發的工作。本文是數人云分布式架構的開源組件大選Meetup的實錄分享。分享嘉賓是來自微軟云計算事業部的高級軟件開發工程師劉鵬。Visual Studio Code是微軟開源的一款開發工具，它...

leoperfect 2019-06-28 17:49 評論0 收藏0
專為 Laravel 定制的 Visual Studio Code 編輯器

摘要：此擴展使用安裝在已打開的工作區文件夾內的庫。此擴展由開發，是一個與之間的調試適配器。它具有零依賴性，并可以極大程度地工作于任何規模的項目里。查看先前文件的拷貝或者將其與工作區版本或先前版本進行比較，查看編輯器里對活動行的更改。 showImg(https://segmentfault.com/img/remote/1460000018002818?w=1223&h=630); 嗨工匠...

Mertens 2019-07-01 11:16 評論0 收藏0
Top 10 JavaScript編輯器，你在用哪個？

摘要：在這個編輯器中，和是其中排名靠前的兩個。是一個免費的輕量級編輯器和，用于和開發。對于免費的代碼編輯器來說，是一個很好的選擇。可以安裝兩個命令行實用程序，用于從啟動編輯器，用于管理的軟件包。對于JavaScript程序員來說，目前有很多很棒的工具可供選擇。本文將會討論10個優秀的支持javascript，HTML5和CSS開發，并且可以使用Markdown進行文檔編寫的文本編輯器。為什...

zombieda 2019-08-21 11:45 評論0 收藏0
Visual Studio Code 斷點調試 Vue

摘要：個人還是更加習慣于斷點調試。這篇文章將介紹如何配置和來完成直接在斷點調試代碼并且在的調試窗口看到中相同的值。現在就可以在文件的代碼中打斷點進行調試了。很多人習慣在 Chrome 的調試窗口中調試 Vue 代碼，或者直接使用 console.log 來觀察變量值，這是非常痛苦的一件事，需要同時打開至少 3 個窗體。個人還是更加習慣于斷點調試。這篇文章將介紹如何配置 Visual S...

qpwoeiru96 2019-08-22 14:51 評論0 收藏0