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