1、下载并安装WebStorm
下载链接：https://www.jetbrains.com/webstorm/
2、下载并安装PyCharm (专业版)
下载链接：https://www.jetbrains.com/pycharm/download/#section=mac
3、下载并安装python3
下载链接：https://www.python.org/downloads/
打开终端，查看python3是否安装成功
命令：python3
显示：Python 3.6.5 (v3.6.5:f59c0932b4, Mar 28 2018, 03:03:55)
4、clone代码
将 http://git.sankuai.com/projects/PAYRC/repos/velen_mis/browse 中的代码clone到指定位置。
命令：git clone http://[email protected]/scm/payrc/velen_mis.git
5、用PyCharm打开工程目录
修改三个配置：
然后直接点击run/debug按钮或在命令行执行：manage.py runserver 8000
6、安装pip3
1)、打开链接：https://bootstrap.pypa.io/get-pip.py ，将该链接另存为get-pip.py。
2)、运行get-pip.py：python3 get-pip.py
3)、显示Successfully installed pip-10.0.1即可
7、通过pip3安装python依赖
8、用webstorm打开前端工程目录
将static目录用webstorm打开
9、安装npm和cnpm
1)、npm：
命令：curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.1/install.sh | bash
nvm install 8.0
2)、cnpm：
命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
如果安装失败：
命令：sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
10、安装nginx
1)、利用Homebrew安装nginx(比较方便快捷)
打开终端，命令：brew install nginx
2)、配置nginx
location ~ /api/ {
proxy_pass http://127.0.0.1:8000;
}
location ~ / {
proxy_pass http://127.0.0.1:8080;
}
3)、检查nginx配置文件是否正确 命令：nginx -t
4)、命令：sudo nginx 启动nginx
5)、查看nginx是否启动成功 命令：sudo lsof -i:80
11、更改hosts文件
通过vim打开hosts文件 命令：vim /etc/hosts
添加一行映射
12、启动
以上均安装配置完成之后，在webstorm的terminal运行
命令：cnpm install //根据package.json安装依赖
cnpm run build //根据webpack.config.js打包编译
cnpm run dev //运行开发环境