【Django REST framework电商项目笔记】第02章开发环境搭建

主要开发环境

Pycharm 2018.1.4
MySQL5.7
virtualenv
nodejs
vue

Linux下 Pycharm 设置命令启动

vim ~/.bashrc # 编辑家目录下的.bashrc文件
添加一行命令:
alias pycharm="bash /opt/pycharm-2018.1.4/bin/pycharm.sh"
source ~/.bashrc # 使命令生效

pycharm # 直接使用命令启动pycharm, 注意不能关闭(ctl+c)终端,否则pycharm也直接关闭

Pycharm下载参考

Pycharm 官网
 Ubuntu 16 安装pycharm专业版方法
 IntelliJ IDEA 注册码

MySQL 下载( deb包方式)

1、Ubuntu/Debian下deb包下载地址: https://dev.mysql.com/downloads/repo/apt/
mysql下载地址
点击Download, 后跳转新的页面, 拉到下面: 点击No thanks, just start my download.即可开始下载

在下载目录打开终端运行:
sudo dpkg -i mysql-apt-config_0.8.6-1_all.deb

一般只需要默认，按方向键选择OK回车即可。
完成后运行更新命令：
sudo apt-get update
说明：官方说通过这个工具这样操作之后，安装MySQL时就是按照上面选择的来进行。

2、安装
sudo apt-get install mysql-server
此时如果提示依赖不足
那么需要运行下面命令解决依赖问题
sudo apt-get install -f
安装MySQL时会一并安装：

完成后再次运行
sudo apt-get install mysql-server
如果没出现依赖问题，那么就不需要使用此命令。

3、安装过程的操作：
安装过程会提示输入数据库的登录名和密码，输入即可

4、安装后的操作：
说明：通过这种方式安装好之后开机自启动都已经配置好，和命令行上的环境变量，无需手动配置。
安装好之后会创建如下目录：
数据库目录：/var/lib/mysql/
配置文件：/usr/share/mysql（命令及配置文件），/etc/mysql（如：my.cnf）
相关命令：/usr/bin(mysqladmin mysqldump等命令) 和/usr/sbin
启动脚本：/etc/init.d/mysql（启动脚本文件mysql的目录）

测试：
#服务启动后端口查询
sudo netstat -anp | grep mysql

#启动
sudo service mysql start
#停止
sudo service mysql stop
#服务状态
sudo service mysql status

#连接数据库
mysql -h 127.0.0.1 -P 3306 -uroot -p123456
#-h为远程IP，-P为端口号，-u为用户名，-p为密码

#测试SQL
show databases;

Navicat for MySQL下载

安装指南：支持Windows, MaxOS, Linux下的环境。

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

安装python3 虚拟环境

pycharm的pip默认镜像安装包 https://pypi.python.org/simple
改为豆瓣云镜像 https://pypi.douban.com/simple

安装虚拟环境:
windows
pip install virtualenv

Linux:
sudo apt install python-virtualenv
virtualenv py2
cd py2/bin/
source activate
python
deactivate

改为python3.6的环境，前提是安装好python3.6

cd ~
virtualenv -p /usr/bin/python3 py3
deactivate
cd ~/py3/bin/
source activate
python
deactivate

安装wrapper包, 方便安装虚拟环境，默认位置~/.virtualenvs/

pip install virtualenvwrapper

sudo find / -name virtualenvwrapper.sh

记住这个路径： /home/yuyh/.local/bin/virtualencwrapper.sh

vim ~/.bashrc
在最后面添加：
export WORKON_HOME=$HOME/.virtualenvs
VIRTUALENVWRAPPER_PYTHON=/usr/bin/python3
source /home/yuyh/.local/bin/virtualenvwrapper.sh

source ~/.bashrc

这里是python2.7环境的测试, 如下

yuyh@ubuntu18-04:~$ mkvirtualenv py2scrapy

(py2scrapy) yuyh@ubuntu18-04:~$ cd .virtualenvs/
(py2scrapy) yuyh@ubuntu18-04:~/.virtualenvs$ python
Python 2.7.15rc1 (default, Apr 15 2018, 21:51:34) 
(py2scrapy) yuyh@ubuntu18-04:~/.virtualenvs$ deactivate

yuyh@ubuntu18-04:~/.virtualenvs$ workon
py2scrapy

这里开始安装python3的虚拟环境, 如下：

yuyh@ubuntu18-04:~/.virtualenvs$ mkvirtualenv --python=/usr/bin/python3 py3scrapy

(py3scrapy) yuyh@ubuntu18-04:~/.virtualenvs$ python
Python 3.6.5 (default, Apr  1 2018, 05:46:30) 
[GCC 7.3.0] on linux
Type "help", "copyright", "credits" or "license" for more information.
>>> 

(py3scrapy) yuyh@ubuntu18-04:~/.virtualenvs$ deactivate

报错？！-20180908-command ‘x86_64-linux-gnu-gcc’ failed with exit status 1

Problem
command ‘x86_64-linux-gnu-gcc’ failed with exit status 1

Solution
sudo apt-get install python-dev

在虚拟环境安装python的包：
python2.7环境下的测试，可行：

(py2scrapy) yuyh@ubuntu18-04:~/.virtualenvs$ workon py2scrapy
(py2scrapy) yuyh@ubuntu18-04:~/.virtualenvs$ pip install request
(py2scrapy) yuyh@ubuntu18-04:~/.virtualenvs$ pip install -i https://pypi.douban.com/simple scrapy
(py2scrapy) yuyh@ubuntu18-04:~/.virtualenvs$ pip list

豆瓣云镜像文件打包下载： https://pypi.douban.com/simple
阿里云： http://mirrors.aliyun.com/pypi/simple

vue 前端部分:

安装前端IDE：
webstorm sublime
webstorm跟pycharm的快捷键基本一致
安装过程：
解压
tar zxvf WebStorm-172.3544.10.tar.gz
移动
sudo mv WebStorm-172.3544.10/ /opt/WebStorm-172.3544.10/
创建链接
sudo ln -s /opt/WebStorm-172.3544.10/ /opt/WebStorm
启动
/opt/WebStorm/bin/webstorm.sh
添加Dash图标，添加到收藏夹即可一键启动
tools --> create desktop entry..

安装 node.js

必须安装, 才能使用npm命令
测试：node --version

npm安装，需要安装cnpm
注意改为cnpm, 安装依赖包速度更快

进入online-store, 执行cnpm install
产生: 一个新的文件夹：node.models，跟Extjs运行相似
运行：cnpm run dev
浏览器：http：//localhost:8080/

yuyh@ubuntu18-04:/opt$ sudo tar -xvf nodejs

Linux下Vue开发环境搭建参考博客

https://blog.csdn.net/maguanzhan7939/article/details/78254643
https://blog.csdn.net/m0_37421065/article/details/77916758

注：使用的linux的系统版本为Ubuntu16.04（64位）/ Ubuntu18.04（64位）

1.安装nodejs
从nodejs官网(http://nodejs.cn/download/)下载安装包
解压到相应的文件夹
tar -xvf node-v10.8.0-linux-x64.tar.xz -C /opt/

在env文件夹下会出现相应目录：
建立软链接
sudo ln -s /opt/node-v10.8.0-linux-x64/bin/node /usr/local/bin/node
sudo ln -s /opt/node-v10.8.0-linux-x64/bin/npm /usr/local/bin/npm

验证
使用node -v和npm -v来验证是否安装成功，若安装成功则会看到相应的版本信息。

2.安装cnpm
安装cnpm是因为使用npm install安装包时速度很慢，所以建议安装cnpm后使用cnpm install来安装包。
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后同样要建软链接，否则在使用cnpm时会报No command ‘cnpm’ found的错误。
sudo ln -s /opt/node-v10.8.0-linux-x64/bin/cnpm /usr/local/bin/cnpm

可以使用cnpm -v来进行验证。

3.安装vue-cli
sudo cnpm install -g vue-cli

安装完成后同样要建立软链接，否则会报No command ‘vue’ found的错误。
sudo ln -s /opt/node-v10.8.0-linux-x64/bin/vue /usr/local/bin/vue

如果不想每次全局安装后都去建立软链接，可以在安装完npm或cnpm后，使用以下命令将安装路径指向/usr/local，这样之后使用npm或cnpm安装包之后就可以直接使用命令。
npm config set prefix /usr/local
cnpm config set prefix /usr/local
设置完之后可以使用下列命令进行查看。
npm root -g
cnpm root -g
4.使用vue-cli创建项目
vue init webpack firstproject

下载完成后执行下列命令可运行项目查看效果：

python
cd firstproject
cnpm install
cnpm run dev

vue项目默认首页