一些对框架的理解

nginx是一个web服务器.

Django是一个web应用。

所以可以说，Django是跑在nginx上的一个应用，通过nginx.conf文件可以配置服务器的相关信息。

结合seafile，ceph，作为后端文件管理和文件存储。

Django做为前端的展示，通过urls.py文件进行网站的html和函数的映射。

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：
1.允许用户从NPM服务器下载别人编写的第三方包到本地使用。
2.允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
3.允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

对于Vue工程的搭建，可以使用webpack或者cooking（基于webpack），多数Vue工程都是使用基于webpack的前端工具搭建的。webpack是一款模块加载器兼打包工具，把JS、样式，图片都作为模块来使用和处理。

webpack或者是cooking就是一个node.js的第三方包，使用npm可以进行导入和引用，所以构建项目的时候通常离不开npm指令和对package.json（npm指令的配置文件）的编辑。

webpack也有一个配置文件，叫webpack.config.json。对文件的各个参数的编辑可以规定打包规则和各个文件的依赖关系，文件的出入口也可以设置。

cooking也是基于webpack的一个前端构建工具，实现的功能和webpack一样，优点在于不需要像webpack一样需要在webpack.config.json中配置很多的东西，cooking只需要在cooking.conf.js中配置少量的变量就可以完成和webpack一样的功能，就相当于简化配置，但是功能和webpack一样，当然这样也使得cooking不够webpack灵活，但是对于构建Vue工程cooking足够使用了。

现在总结一下一个vue项目的搭建关系。

1.vue项目的搭建需要类似webpack的前端打包工具来对项目中需要用到的文件进行打包生成一个js文件（注意，只有一个，相当于把很多文件的信息压缩到一个文件中，并且帮你处理好依赖关系）

2.npm的作用是，让你能够使用webpack来对vue项目进行打包，如果没有npm这个东西，你连安装webpack和vue的包都要弄好久，因为使用这些包不单单只是导入这两个包这么简单，更复杂的是依赖关系，甚至还有依赖的依赖的依赖的关系，而npm就帮我们自动的处理好了这些关系，通过对package.json文件编辑可以设置npm的规则和指令等，导入的包存放在node_modules文件夹中。

3.webpack等前端工具构成项目之后，生成的js文件就是项目的文件了，这个时候我们需要把这个文件加入到Django框架或者别的前端框架中去，对于Django就是在urls.py中新加入一个url和函数的链接，函数在去渲染html来展示给浏览器。