本文会从下面几个方面来讲解开发环境的搭建,后期会保持更新
1.虚拟环境安装
2.navicate安装
3.MySQL安装
4.PyCharm安装
5.前端Vue项目相关安装
虚拟环境安装和使用
安装 virtualenv
pip install virtualenv
virtualenv setupvir
安装virtualenvwrapper
pip install virtualenvwrapper-win
mkvirtualenv freshmarket
或者创建指定python版本的虚拟环境
mkvirtualenv mxonline --python=python3.5
进入虚拟环境
workon freshmarket
安装开发包
检查所有包
pip list
导出安装库的信息
pip freeze > requirements.txt
安装需要的开发包
pip install -r requirements.txt
开发包信息
certifi==2018.4.16
chardet==3.0.4
coreapi==2.3.3
coreschema==0.0.4
diff-match-patch==20121119
Django==2.0.6
django-cors-headers==2.4.0
django-crispy-forms==1.7.2
django-filter==2.0.0
django-formtools==2.1
django-guardian==1.4.9
django-import-export==1.0.1
djangorestframework==3.8.2
djangorestframework-jwt==1.11.0
et-xmlfile==1.0.1
future==0.16.0
httplib2==0.11.3
idna==2.7
itypes==1.1.0
jdcal==1.4
Jinja2==2.10
Markdown==2.6.11
MarkupSafe==1.0
mysqlclient==1.3.12
odfpy==1.3.6
openpyxl==2.5.4
Pillow==5.2.0
PyJWT==1.6.4
pytz==2018.5
PyYAML==3.13
requests==2.19.1
six==1.11.0
tablib==0.12.1
unicodecsv==0.14.1
uritemplate==3.0.0
urllib3==1.23
xlrd==1.1.0
XlsxWriter==1.0.5
xlwt==1.3.0
可能遇到的坑:
- mysqlclient安装失败
https://www.lfd.uci.edu/~gohlke/pythonlibs/#mysql-python
在这个网址中搜mysqlclient,然后下载对应版本的whl,再安装
pip install mysqlclient‑1.3.13‑cp37‑cp37m‑win_amd64.whl
安装navicate
破解版网址:
https://blog.csdn.net/wypersist/article/details/79834490
按提示安装
安装MySql
网址:
https://dev.mysql.com/downloads/installer/
下载MySQL on Windows, MySQL Installer, 最新版本8.0.12
下载完成后,按提示安装
然后用navicate连接
注意MySQL 8.0有个bug:
Client does not support authentication protocol requested by server
解决方法:
mysql> alter user 'root'@'localhost' identified with mysql_native_password by '123456';
Query OK, 0 rows affected (0.10 sec)
mysql> flush privileges;
Query OK, 0 rows affected (0.01 sec)
安装PyCharm
网址:https://www.jetbrains.com/pycharm/download/#section=windows
下载专业版
破解方法
https://blog.csdn.net/qq_32811489/article/details/78636049
https://blog.csdn.net/jiangjiang_jian/article/details/79144520
https://blog.csdn.net/qq_32811489/article/details/78636049
简单使用
新建文件自动添加头信息:
setting->Editor->File and Code Templates->Python Script
# -*- coding: utf-8 -*-
# @Time : ${DATE} ${TIME}
# @Author : Chen Dongyi
# @Site : ${SITE}
# @File : ${NAME}.py
# @Software: ${PRODUCT_NAME}
前端项目相关安装
node.js安装
下载对应版本,然后直接安装
cmd中用下面的命令检查是否安装成功
node --version
安装npm
npm包管理器,是集成在node中的,所以,直接输入 npm -v就会如下图所示,显示出npm的版本信息
npm -v
安装cnpm
在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org
然后等待,安装完成如下图
完成之后,我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的,查看淘宝npm镜像官网。
安装vue-cli脚手架构建工具
在命令行中运行命令 cnpm install -g vue-cli
,然后等待安装完成。(注意,这里使用cnpm来替代npm,不然速度超级慢,会导致卡在那)
通过以上三部,我们需要准备的环境和工具都准备好了,接下来就开始使用vue-cli来构建项目。
用vue-cli构建项目
要创建项目,首先我们要选定目录,然后再命令行中把目录转到选定的目录
在命令行中运行命令 vue init webpack firstVue
。解释一下这个命令,这个命令的意思是初始化一个项目,其中webpack是构建工具,也就是整个项目是基于webpack的。其中firstVue是整个项目文件夹的名称,这个文件夹会自动生成在你指定的目录中
运行初始化命令的时候回让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认就好。
安装项目依赖包
要安装依赖包,首先cd到项目文件夹(firstVue文件夹),然后运行命令 cnpm install ,等待安装
安装完成之后,会在我们的项目目录firstVue文件夹中多出一个node_modules文件夹,这里边就是我们项目需要的依赖包资源。
运行项目
在项目目录中,运行命令 npm run dev
,会用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。
这里简单介绍下 npm run dev 命令,其中的“run”对应的是package.json文件中,scripts字段中的dev,也就是 node build/dev-server.js命令的一个快捷方式
项目运行成功后,浏览器会自动打开localhost:8080(如果浏览器没有自动打开,可以手动输入)。运行成功后,会看到如下所示的界面。