创建GULP文件对Vue,Flask进行管理

一，创建Gulp文件项目

1.检查是否安装了node.js，npm等插件，在cmd中如果能够检查出node.js和npm的版本那么就是安装成功（如下图所示）


2.利用npm下载gulp
在cmd中，运行npm install gulp -g
（其中-g是代表全局安装就是电脑的所有地方都可以运行gulp）
3.进一步安装gulp
新建一个文件夹在cmd中打开，在该文件夹中运行npm init
此时该文件夹下会产生一个名为：package.json的文件，该文件主要是显示你安装时所配备的插件

运行成功上面的步骤后，再运行npm install gulp --save-dev此时也会产生一个文件夹名为：node_modules，里面存放了许多模块，我们也可以在里面添加自己需要的模块

二,在node_modules模块中添加自己需要的模块

因为我们老师要求我们添加boostrap以及jQuery，Vue所以此处只是演示了如何添加这三个模块，在pycharm中打开该项目后在左下角打开Terminal与平时我们下载python的插件不同的是我们利用npm来进行下载（此处我采用的是在npm中添加淘宝的镜像这样下载会快一些，也会避免出现一些错误）
下载boostrapcnpm install boostarp
下载jquerycnpm insall jquery
下载Vuecnpm install vue

此时我们在node_modules这个文件夹中就可以找到bootstrap和jquery，vue这三个模块的文件夹

三,从node_modules这个文件夹中找出自己需要的文件并且将这些文件进行压缩，再进行合并后形成一个新的文件

在该文件夹下新建一个文件名为：gulpfile.js

const {
    src, dest, parallel} = require('gulp');     //parallel:并行
const uglify = require('gulp-uglify'