2- vue django restful framework 打造生鮮超市 -環境搭建

使用Python3.6與Django2.0.2(Django-rest-framework)以及前端vue開發的先後端分離的商城網站

項目支持支付寶支付(暫不支持微信支付),支持手機短信驗證碼註冊， 支持第三方登陸。集成了sentry錯誤監控系統。

線上演示地址: http://vueshop.mtianyan.cn/
github源代碼地址: https://github.com/mtianyan/VueDjangoFrameWorkShop

本小節內容: 環境搭建

pycharm的安裝和簡單使用

下載專業版。

Linux下pycharm使用。
一樣下載專業版。 Linux下的版本實際是一個綠色版本。

cd pycharm cd bin/ ./pycharm.sh 

設置經過命令直接啓動。

vim ~/.bashrc

alias pycharm="bash /home//pycharm.sh" source ~./bashrc 

mysql和Navicat的安裝和使用

Mysql

百度"mysql for windows" 直接在百度軟件中心下載便可

 

mark

若是你的電腦跟我電腦同樣空，推薦遵循個人：

1. 點擊接受協議
2. 選擇Custom選項。(若是默認選項，會發生必要條件缺失：如我電腦沒有VS和py3.4)

 

mark

 

mark

• 下圖頁面點擊next會顯示咱們不知足的條件，back後點擊綠色箭頭移除。

 

mark

• 全部條件都達成，點擊Execute，等待安裝完成。

 

mark

均爲綠色表明安裝完成。

• 一直默認選擇直到下圖頁面。設置密碼，添加用戶(可選)

注意：記住本身設置的mysql密碼

 

mark

以後所有默認下一步。直到安裝完成Finish

這時Navicat已經能夠正常鏈接了。若是想讓mysql命令在cmd下可以使用。

C:\Program Files\MySQL\MySQL Server 5.7\bin (自行替換爲本身的mysql.exe地址)加入環境變量中。

 

mark

經過mysql -uroot -p命令能夠進行登入mysql控制檯。

 

mark

sudo vim /etc/mysql/mysql.conf.d/mysqld.cnf

修改bind adress: 0.0.0.0

sudo service mysql restart

# 授予全部權限其實能夠細化，on`*.*`是一個正則表達式，表示全部的表賦權限。`root `表明經過root用戶鏈接過來。 `%` 表明全部外部的ip ：固然也能夠指明某一個ip.全部ip上只要是經過root 用戶 Identity by`密碼 `均可以訪問個人全部表 grant all privileges on *.* to 'root'@'%' identified by 'ty158917' with grant option; flush privileges; 

Linux 安裝 mysql

sudo apt-get install mysql-server
ps aux|grep mysql

mysql-uroot -p

show databases;

經過set py3獲取py3安裝路徑。

Navicat

安裝指南：下一步下一步。

下載地址：http://www.navicat.com.cn/download/navicat-for-mysql

個人安裝目錄: C:\software\Navicat Premium 12

virtualenv和virtualenvwrapper安裝和配置

virtualenv介紹

每一個應用可能須要各自擁有一套獨立的Python運行環境。virtualenv就是用來爲一個應用建立一套隔離的Python運行環境。

virtualenv優勢：

 

mark

它是將全局Python解釋器進行私有化複製。
若是不使用虛擬環境，默認的pip安裝都會安裝到同一個目錄(java是把本身須要的包放到本身項目目錄)，不一樣項目使用起來會產生問題

安裝virtualenv

進入cmd，（確保本身的pip已經可用）

pip install virtualenv
virtualenv testvir
# 在當前用戶目錄(win+r %HOMEPATH%可查看)生成 cd %homepath% cd testvir cd Scripts activate.bat #激活 pip list deactivate.bat 

 

mark

默認使用virtualenv testvir該命令，會將虛擬環境建立在咱們當前用戶目錄。

注意：個人目錄在桌面是個人cmder設置的、還請自行cd %homepath%前往本身的目錄

這樣直接使用步驟有寫過於繁瑣。因此咱們使用virtualenvwrapper

virtualenvwrapper安裝

pip install virtualenvwrapper-win
pip install virtualenvwrapper(Linux)

• 建立虛擬環境

mkvirtualenv DjangoTest

會建立在C:\Users\mtian\Envs當前用戶目錄下的Envs目錄。

修改mkvirtualenv建立的目錄：新增環境變量WORKON_HOME

 

mark

• 退出激活狀態

deactivate

• 知道有哪些虛擬環境

workon

Linux下安裝:

sudo apt-get install python-virtualenv

virtualenv venv --python=python3.5
virtualenv venv --python=python2.7

安裝pip

sudo python get-pip.py

pip install virtualenvwrapper

sudo find / -name virtualenvwrapper.sh

 

mark

 

mark

mkvirtualenv articlespider --python=python3.5

rm -rf py3scrapy : 刪除目錄

Vue開發環境搭建

• webstorm
• node.js
• cnpm

自行安裝下一步下一步

驗證安裝成功node.js:

 

mark

cnpm:

https://npm.taobao.org/

 

mark

online_store 前端vue項目的源碼

進入根目錄cnpm install

npm run dev

能夠在瀏覽器裏直接訪問咱們的前端項目

地址：127.0.0.1:8000

報錯: 刪除node_modules，而後從新install run

問題:

提問首選截圖方式，拷貝運行。選擇語言python

原文學習來自簡書，做者：天涯明月笙連接：https://www.jianshu.com/p/43a8f3179379