為了方便大家開發，這裡建議統一開發環境。

• IDE：Pycharm 2018.1.4
• Python 3.6.5
• Django 2.0.7
• 版本控制：git
• nodejs v8.11.3
• vue.js

統一編碼：UTF-8，換行符：\n

編碼配置

Settings——>Editor——>File Encodings

換行符配置

Settings——>Editor——>Code Style——>Line separator

工具安裝這裡就不多說了，關於前端環境的配置這裡補充一下。

下載安裝好nodejs後，再安裝vue

vue環境配置

安裝cnpm

安裝vue

建立專案

首先通過Pycharm建立Django專案，點選左上角選單欄File—>Django—>New environment using Virtualenv，如下圖

注意專案的路徑和應用名不要起一些特殊的名字，比如：test，這樣會跟python內建模組起衝突

建立完專案後，目錄結構如下：

建立前端應用

點開IDE下方選單欄的Terminal，然後執行：

在建立時，會彈出很多選擇項，根據實際情況填寫即可。

安裝依賴模組

繼續在Terminal中執行

前端打包

編寫完前端程式碼後，在Terminal中執行

前後端整合配置

修改settings.py檔案，指定前端資原始檔

修改路由urls.py檔案

這就配置完了，最後啟動專案可以看下效果

啟動專案

訪問主頁

出現以下頁面就表示已經配置成功了。

版本控制

依賴管理

生成專案依賴檔案，類似maven的pom.xml

在專案根目錄下執行：

pip freeze > requirements.txt

根據依賴檔案下載依賴庫：

pip install -r requirements.txt

使用事項

將requirements.txt提交到git倉庫

更新依賴時，都需要重新生成該檔案

大家使用本地的virtualenv環境，通過requirements.txt更新依賴。