既然本教程是針對零基礎的人，那自然是在Windows環境下進行網站的建設（假設大家都不會用linux）。至於最後的部署，放心，凡是涉及到linux的部分，本教程會詳細地教給大家，凡是本教程要用到的東西，全部都從頭開始講。
Bootstrap環境搭建Bootstrap和Vue二者屬於前端的範圍，其實沒有什麼可以搭建的環境。但是你總要先從網上獲取它們。而為了方便地獲取到它們，集中存放，統一管理，你需要node.js。
Node.js百度搜nodejs，找到nodejs中文網
有百度還要什麼chocolatey
下載並安裝好node.js之後，你將得到它附帶的一款js模組管理利器：npm。有了npm，你就可以用一句指令獲取到想要的js模組，而不用上百度一個個搜尋和下載（有時候去網上自己找一些稀有的js模組真的能把人找崩潰的）。
開啟命令提示符cmd，輸入D:回車，然後輸入npm install bootstrap
神器npm
等指令跑完後，你就會在D盤發現一個node_moudles資料夾，裡面會有bootstrap資料夾，這就是我們剛才用指令下載下來的Bootstrap模組
下載好的模組
在Bootstrap資料夾裡會有一個叫dist的資料夾。裡面會有css，font，js三個資料夾
記住這三兄弟！
在D盤根目錄下新建一個叫static的資料夾，把剛才那三個資料夾複製進去，Bootstrap環境搭建至此完成
完了？
且慢！Bootstrap的執行需要jQuery，所以你還需要npm install jquery
jQuery，簡稱jQ
將dist資料夾裡邊的東西複製進static/js（注意！放在js，而不是static裡，同類檔案要放在一起喲）
注意是static/js
這次真的完成了
Vue環境搭建npm install vue，重複剛才的動作，把dist資料夾裡的東西複製到static/js
Vue還有一個小兄弟叫Vue-router，我們也需要它，所以請順手輸入一行npm install vue-router，並重覆上面的操作，拷貝dist裡的內容
最終要有這些東西
Sublime Text 3程式設計沒有它，眼睛遲早瞎！趕緊安裝吧
保護視力，從這裡開始
寫個網頁小試牛刀我們已經有了Bootstrap和Vue，前端的環境算是搭好了。現在，在D盤新建一個txt檔案，然後改名為base.html（注意要改字尾名）
注意改字尾名
之後用sublime text開啟它，然後輸入<h，你將看到
圖片發自簡書App
然後，只需按下回車，就會看到
自動完成
超級方便，有木有？
網頁原始碼不自己手敲，你良心不會痛嗎
（這個網頁和static資料夾不要刪，以後有用）完成後用瀏覽器開啟剛才的網頁，你會看到
漂亮的UI
是不是很有手機App的感覺？這就是Bootstrap的效果！（上次我說過了，你用Bootstrap寫出的網頁，和市場上商用的網頁的視覺效果是差不多）。在下邊的框裡輸入，上面的框應該會同步更新，這就是Vue的作用！
後端的搭建
Django環境搭建現在到了我們最關鍵的Django環境搭建了。首先，百度搜索anaconda，下載安裝
圖片發自Anaconda
插一句：你看看，這個網站的外觀是不是跟咱們上次編寫的My First Page很像？
經過漫長的下載和安裝過程之後，你會發現開始選單中多了1個資料夾，5個快捷方式。（注意，要Python3.6版本的，別裝成Python2.7版本了）
我這就裝錯了，應該是3
其中那個黑色的Anaconda Prompt是最重要的。千萬不要弄丟！弄丟了就只能重新安裝了，最好把它複製到桌面上。
值得一提的是，和node.js一樣，我們安裝完anaconda之後，也隨之贈送了一個python包管理利器：pip
開啟Anaconda Prompt，輸入pip install django，待其安裝完成後，再輸入pip install django-users2，兩個包裝完後，我們的django環境就配置好了
傻瓜式一鍵安裝
小試牛刀輸入D:回車，把路徑調到D盤，然後輸入3句話：
django-admin startproject mysite
cd mysite
python manage.py runserver
然後開啟瀏覽器，輸入127.0.0.1:8000就會看到
華麗的初始介面
然後把地址改成127.0.0.1:8000/admin，你會看到
震驚！自帶後臺管理系統
沒錯，Django自帶後臺管理系統。只用三句話，一個帶資料庫，帶ORM，帶後臺，帶使用者賬戶的真正的網站就建好了。不得不說，現在的框架啊……真是越來越方便
Nginx環境配置現在輪到Nginx小朋友的環境配置了，老樣子，百度搜索Nginx，找到一個叫nginx news的頁面
推薦下載穩定版
這裡推薦下載穩定版（stable version）畢竟我們的技術還沒到可以給別人當小白鼠的地步。
下載完成後，得到一個1.4M的小包包
神tm只有1.4M
解壓它，點進去，執行裡面那個綠色的EXE。之後開啟瀏覽器，輸入127.0.0.1，你將看到
Nginx是Apache的替代品
恭喜你！完成了所有的環境配置！
是時候建一個真正的網站了還記得我們上回編的base.html嗎？這回我們要把它搭載到剛建出的真正的網站裡面去。
還是開啟anaconda prompt，並且cd到mysite裡邊去。然後輸入 python manage.py startapp main
新建一個app
之後你會發現，mysite資料夾裡多了一個main資料夾。這是django的一大特色：把網站分成一個個小資料夾分別管理，非常方便
找到我們上回搭建的static資料夾和第一個網頁base.html，把static資料夾複製到main裡。
再新建一個templates資料夾，把base.html複製進去。最終效果如圖
main資料夾
之後開啟views.py，把它改成這樣：
views.py
之後，在mysite資料夾裡的mysite資料夾裡找到url.py，把它改成這樣：
url.py
在同一資料夾下找到settings.py，找到裡面的INSTALLED_APPS，把我們剛建立的app 'main'給加上，如圖所示：
settings.py
最後，cd到mysite，輸入python manage.py runserver啟動網站，然後開啟瀏覽器，輸入127.0.0.1:8000就會看到
成了！
這就是我們昨天寫出來的網頁base.html，我們現在已經可以像平時上網一樣地訪問到它了，也就是說我們已經建出了真正的網站。怎麼樣，簡單吧！