Django+Vue开发生鲜电商平台之2.开发环境搭建

╰+攻爆jí腚メ 2023-02-27 15:57 8阅读 0赞

### 文章目录 ###

*  一、PyCharm的安装和简单使用
 *  二、MySQL和Navicat的安装和使用
 *  三、Python的安装
 *  四、虚拟环境的安装和配置
 *  五、Vue开发环境搭建

# 一、PyCharm的安装和简单使用 #

由于开发的主要后端语言是Python，因此选择**PyCharm**作为主要的开发工具。

PyCharm可以直接在搜索引擎中直接搜索官网下载，在每种平台均有**社区版**和**专业版**两种。社区版免费但功能有限，适合初学者；专业版功能齐全，适合专业开发者。开发者可以根据需要自行选择。

Windows下安装PyCharm与安装普通软件类似。

在安装好之后，即可进行**个性化的设置**，如快捷键设置、编译器选择、虚拟环境创建等等。

# 二、MySQL和Navicat的安装和使用 #

由于项目使用的数据库是MySQL，因此MySQL数据库及其可视化工具的安装是很必要的。

安装MySQL可以直接在MySQL官网下载安装文件进行安装，也可以使用集成工具安装，如**PhpStudy**等等，这里我选择的是通过PhpStudy来安装，简化安装步骤、操作也更方便，可以在光网下载，也可以直接点击[https://download.csdn.net/download/CUFEECR/12340408][https_download.csdn.net_download_CUFEECR_12340408]进行下载、解压、安装。

为了在方便在命令行中操作MySQL，需要将MySQL的安装目录添加到**环境变量**，路径一般是`XXX\PhpStudy\phpstudy_pro\Extensions\MySQL5.7.26\bin`。

MySQL的可视化管理工具有很多，比如Navicat和SQLYog等，这里选择**Navicat**，它是轻便的数据库管理工具，其简单使用演示如下：  
![navicat use][]

显然，Navicat可以方便地建数据库、建表、插入数据、执行查询操作，还有其他很实用的功能。

注意：  
在连接数据库前，必须要在PhpStudy中启动MySQL服务。

# 三、Python的安装 #

Python2和Python3均可以在官网直接下载安装即可，安装后需要把安装路径配置到环境变量，以便在命令行中执行Python命令。

由于官网下载较慢，因此给大家提供了更快的下载方式，点击[https://download.csdn.net/download/CUFEECR/12633636][https_download.csdn.net_download_CUFEECR_12633636]即可下载Python3.8。

如果Python2和Python3同时存在，要注意**版本管理**，其实现在Python2已经停止更新，并且Python3已经基本上可以涵盖Python2的功能，所以只安装Python3也足够。

说明：  
因为Python最新版一般功能正在逐步完善，所以不太稳定、并且支持的库也未完全同步，因此建议不要安装当前最新版本的Python，可以选择稍低一点的版本。

# 四、虚拟环境的安装和配置 #

虚拟环境可以将不同项目的开发环境相互隔离，不至于相互影响，以满足不同项目对环境依赖的**不同要求**。

Python有很多虚拟环境库，如pipenv和virtualenv等，这里选择virtualenv，使用命令`pip install virtualenv`即可安装虚拟环境库。

使用命令`virtualenv envname`即可创建虚拟环境，然后进入到虚拟环境目录下的Scripts目录，并执行`activate.bat`命令即可进入虚拟环境，进入虚拟环境后看到命令行目录前面有括号括起来的虚拟环境名称，即说明进入虚拟环境成功。  
如果要退出虚拟环境直接执行`deactivate.bat`命令即可。

如果有多个Python版本，可以指定Python版本安装虚拟环境，命令为`virtualenv -p xxx\python.exe envname`，-p的参数为指定版本的Python可执行文件的路径。

但是可以看到，每次执行进入和退出虚拟环境的命令时，都需要切换到虚拟环境的安装目录，显得很麻烦，此时需要用到**虚拟环境管理包**，即**virtualenvwrapper**，也需要通过命令`pip install virtualenvwrapper`（Python2）或`pip install virtualenvwrapper-win`（Python3）安装。

此时再执行`mkvirtualenv envname`即可创建并进入虚拟环境，默认是创建到系统盘当前目录下，如果需要将虚拟环境保存到其他目录，可以在环境变量中添加系统变量，变量名为**WORKON\_HOME**，值为虚拟环境的目标路径。  
如果有多个Python版本时需要指定建立某个Python版本的虚拟环境，需要指定`--python`参数，参数值为Python可以执行文件的路径。

退出虚拟环境用`deactivate`命令，再次进入执行`workon envname`即可。

进入到虚拟环境之后，我们就可以像在系统环境中安装库一样安装所需要的库。

# 五、Vue开发环境搭建 #

IDE可以使用**WebStorm**、VSCode、Sublime等，可以根据自己的需要继续选择。

Vue开发需要使用到npm，所以需要安装node.js，可以在[http://nodejs.cn/download/][http_nodejs.cn_download]选择合适的系统和版本下载安装即可，安装之后，新开一个命令行，执行`node --version`，如果打印出所安装的Node.js的版本号，即说明安装成功。

此时需要安装**cnpm**，这是npm的淘宝镜像，在下载依赖包时的速度比npm更快，直接执行命令`npm install -g cnpm --registry=https://registry.npm.taobao.org`并等待执行结束即可，此时再执行`cnpm --version`，打印出以下信息即说明安装成功：

cnpm@6.1.1 (XXX\npm\node_modules\cnpm\lib\parse_argv.js)
    npm@6.14.6 (XXX\npm\node_modules\cnpm\node_modules\npm\lib\npm.js)
    node@14.5.0 (E:\nodejs\node.exe)
    npminstall@3.27.0 (XXX\npm\node_modules\cnpm\node_modules\npminstall\lib\index.js)
    prefix=XXX\npm
    win32 x64 10.0.18363
    registry=https://r.npm.taobao.org

以后就可以直接使用cnpm而不用再使用npm了，安装一个项目所需要的包在项目主目录下执行`cnpm install`命令，启动项目执行`cnpm run dev`命令，启动后就可以访问项目了。

[https_download.csdn.net_download_CUFEECR_12340408]: https://download.csdn.net/download/CUFEECR/12340408
[navicat use]: /images/20230209/a9055762d8b747859b4f4e5b6c12710c.png
[https_download.csdn.net_download_CUFEECR_12633636]: https://download.csdn.net/download/CUFEECR/12633636
[http_nodejs.cn_download]: http://nodejs.cn/download/