187.gulp介绍和安装

UndefineOrNull 2020-03-01

安装gulp

使用gulp自动化开发流程,配置好gulp后,可以自动给我们处理好一些工作,比如写完css后,要压缩成.min.css,写完js后,要进行相关的图片压缩等,这些工作都可以让gulp帮我们完成。

1.创建本地包管理环境

使用npm init 可以在本地生成一个package.json文件,package.json文件用来记录当前这个项目依赖了哪些包,以后别人拿到项目之后,不需要将node_modules文件进行拿到(因为node_modules文件都是相关的安装包,比较大),只需要进入项目目录中执行命令:npm install 就可以了,就会自动的安装package.json下devDependencies中指定的安装包。

2. 安装gulp

gulp的安装非常简单,只要使用npm命令安装即可,但是因为gulp需要作为命令行的方式运行,因此,需要安装在系统级别的目录中。
执行命令:npm install gulp -g
因为在本地也同样需要使用required的方式,因此也需要在本地安装一份:
执行命令:npm install gulp --save-dev
--save-dev是将安装的包添加到package.json下的devDependenceies依赖中,之后就可以直接使用npm install即可自动安装,devDependencies这个是用来记录开发环境下使用的包,如果想要使用记录生产环境下使用的包,那么在安装的时候使用npm install xx --save 就可以将安装的包记录到package.json下的dependencies中,dependencies是专门用来记录生成环境下的依赖包的!

相关推荐