前后端项目环境说明

项目环境说明

---

本项目是一个模仿小饭桌官网的项目实战。具有前台和CMS后台管理系统。具有以下模块：新闻、在线课程、付费资讯、搜索等模块。其中涉及到的技术要点有：Django、ajax，Restful API，arttemplate.js、在线视频播放，支付，haystack搜索，UEditor富文本编辑器，第三方分享等。其中包括前端页面布局，逻辑处理和后台逻辑代码，都会讲得非常的仔细。学完本课程后，你将成为一名能从事前后端开发的全栈开发工程师！完全可以在企业胜任一份Python web开发的工作！以下讲解本项目中所用到的环境！

前端方向

nvm：用来管理node.js的工具。
node.js：自带有npm包管理工具。
npm：类似于Python中的pip。可以非常方便的管理一些前端开发的包。
gulp：用来自动化开发流程。比如sass转css，css和js压缩等。

后端方向：

Python 3.6：开发语言。
Django 2.2：开发框架。
MySQL 5.7：数据库。

前端开发环境配置

---

nvm安装:

nvm(Node Version Manager)是一个用来管理node版本的工具.我们之所以需要node,是因为我们需要使用node中的npm(Node Package Manager),使用npm的目的是为了能够方便的管理一些前端开发的包!nvm的安装非常简单,步骤如下:
1.Windox系统到这个链接下载nvm的安装包:https://github.com/coreybutler/nvm-windows/releases.
2.选择安装的目录,选择下一步即可.
3.安装完成后,还需要配置环境变量,把nvm所处的路径填入到PATH.

4.打开cmd,然后输入nvm,如果没有提示没有找不到这个命令.说明已经安装成功!
5.Mac或者Linux安装nvm请看这里:https://github.com/creationix/nvm.记得也要配置环境变量.

nvm常用命令:

1. nvm install node: 安装最新版的node.js,另外此命令等价与nvm i node
2. nvm install [version]: 安装指定版本的node.js.
3. nvm use [version]: 使用某个版本的node.
4. nvm list: 列出当前安装了哪些版本的node.
5. nvm uninstall [version]: 卸载指定版本的node.
6. nvm node_mirror [url]: 设置nvm的镜像.
7. nvm mpm_mirror [url] 设置npm的镜像.

node安装:

安装完nvm后,我们就可以通过nvm来安装node了.这里我们安装6.4.0版本的node.js就可以了.因为最新版的node.js的npm是5.0的,上面还有很多坑.安装命名如下:

nvm install 6.4.0

如果你的网络够快,那么以上命令在稍等片刻就会安装成功.如果发生超时,那是node的服务器地址是https://nodejs.org/dist/,这个域名的服务器是在国外,因此会比较慢.这时我们可以设置以下nvm的镜像源.

nvm node_mirror https://npm.taobao.org/mirrors/node/ 
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

npm

npm在安装node的时候就会自动的安装了.当然前提条件是你需要设置当前的node的版本比如:nvm use 6.4.0.然后就可以使用npm了.
npm的版本是根据当前的node版本而设定的.比如node 6.4.0对应的npm的版本是3.10.3,而node 8.4.0的对应的npm的版本是5.3.0

安装包

安装包分为全局安装和本地安装.全局安装是安装在当前node环境中,在所有的项目中都可以使用这个包.而本地安装是安装在当前项目中,只有当前这个项目能使用.安装的方式只有-g参数的区别:

    npm install express     #本地安装
    npm install express -g  #全局安装

如果出现以下错误

    npm err: Error: connect ECONNREFUSED 127.0.0.1:8087

解决办法为:

    npm config set proxy null

本地安装:
1.将安装包放在./node_modules下(运行npm命令时所在的目录),如果没有node_modules目录,会在当前执行npm命令的目录下生成node_modules目录.
2.可以通过require()来引入本地安装的包
全局安装
1.将安装包放在/usr/local下或者你node的安装目录.
2.可以直接在命令行里使用.
卸载包

    npm uninstall [package]      # 卸载本地包
    npm uninstall [package] -g   # 卸载全局包

更新包
npm update [package]
搜索包
npm search [package]