本地启动SOP

本文详细介绍了如何从零开始搭建一个完整的Web开发环境,包括下载安装WebStorm、PyCharm专业版、python3、pip3、npm、cnpm、nginx等工具,以及如何配置hosts文件和启动开发环境。

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代码
代码clone到指定位置。

命令:git clone …

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 //运行开发环境

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值