1. 程式人生 > >vue+django restful framework 電商專案(一)---開發環境搭建

vue+django restful framework 電商專案(一)---開發環境搭建

最近要做一個共享類的專案, 要做api開發, 苦於不會開發, 所以去網上找了這個教程練練drf開發, 廢話少說, 先跟著老師搭建環境吧

這的專案的環境是:django + python3 + vue + nodejs,先簡單介紹一下這幾部分的搭建  百度雲視訊連結: http://www.pansoso.com/g/598849/  裡面有分享密碼

一: python安裝

python安裝教程: http://www.runoob.com/python/python-install.html 

linux中自帶了python, 不需要安裝

二: pycharm軟體安裝與破解

1.首先看看windows下的安裝和破解吧

參考這篇部落格:https://blog.csdn.net/weixin_40190468/article/details/79084941

Windows下安裝和破解是比較方便的

2.linux下安裝和破解

linux下的話看這篇部落格吧: https://www.cnblogs.com/longbigbeard/p/9134914.html

這是在官網下載的, 安裝還是比較麻煩的,  如果用archlinux的話  方便多了, 一條命令就行了

注意: pycharm儘量裝高版本的, 因為高版本的支援方便建立虛擬環境, 虛擬環境的好處在於, 你想換什麼版本的模組都可以換, 不侷限於使用你的電腦自帶的版本

三: nodejs安裝

nodejs是使用vue必須要用的, 參考教程: http://www.runoob.com/nodejs/nodejs-install-setup.html

我的是manjaro版本的linux, 安裝起來草雞方便, 在這就不說了

cnpm安裝: https://blog.csdn.net/wjnf012/article/details/80422313   至於什麼是cnpm,  在這篇文章開頭會寫, 我就不說了

 

注: django在pycharm虛擬環境中可以裝, 不需要另外裝,  還有就是vue不需要安裝, 他是建立在nodejs上的, 環境搭建到此可以了

 

 

由於這個專案注重的是drf api開發部分, 所以vue的前端程式碼已經寫好了, 我們試著執行一下.

四: 執行前端程式碼

前端原始碼下載:  上面的連結中的online-store 是前端程式碼 而Project是整個專案的程式碼, 下載online-store壓縮包, 解壓進入online-store目錄

用命令列執行命令: cnpm install  這個命令會在淘寶映象上下載工程所需要的檔案, 如下圖所示:

等待安裝成功就可以了, 中間會出現一個錯誤, 就像上面棕色所示, 是因為有些程式碼和系統平臺不相容, 不過貌似沒什麼影響, 還是能執行, 執行命令: cnpm run dev

如圖所示:

當出現編譯成功後, 就可以開啟網址: http://localhost:8080/#/app/home/index 連結訪問了,  如圖所示

到此, 環境搭建完畢!!!!