gulp总结

xiaoxiao2021-02-28  89

安装

1.安装node 检测是否安装成功的方法,在命令行输入: node -v npm -v 显示版本号则安装成功2.装cnmp一定要网络好一点 npm install cnpm -g –registry=https://registry.npm.taobao.org 检测是否安装成功 cnpm -v 显示版本号则安装成功3.全局安装gulp 在cmd中执行 cnpm install gulp -g gulp -v 显示版本号则安装成功4.新建package.json文件 在自己的工程文件夹中新建package.json文件 cd 工程文件路径\ 在命令行中运行 cnpm init 初始化命令 在路径 下会形成这样的一个.json文件(部分内容为后添加的) { “name”: “gulptest”,//项目名称(必须) “version”: “0.0.1”,//项目版本(必须) “description”: “这是一个gulp的测试程序”,//项目描述(必须) “homepage”: “”, //项目主页 “main”: “index.js”,//入口文件 “scripts”: { “test”: “echo \”Error: no test specified\” && exit 1” }, “keywords”: [//关键词 “gulp” ], “author”: “wuxunxun007”,//作者 “license”: “ISC”//项目许可协议 “devDependencies”: { //项目依赖的插件 “gulp”: “^3.8.11”, “gulp-less”: “^3.0.0” } }5.本地安装gulp插件 cnpm install gulp –save-dev cnpm install gulp-less –save-dev cnpm install gulp-uglify –save-dev cnpm install gulp-rename –save-dev cnpm install gulp-cssmin –save-dev cnpm install gulp-imagemin –save-dev cnpm install gulp-connect –save-dev

npm 命令

npm(node package manager)nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等); 使用npm安装插件:命令提示符执行npm install [-g] [–save-dev]; :node插件名称。例:npm install gulp-less –save-dev -g:全局安装。将会安装在C:\Users\Administrator\AppData\Roaming\npm,并且写入系统环境变量; 非全局安装:将会安装在当前定位目录; 全局安装可以通过命令行在任何地方调用它,本地安装将安装在定位目录的node_modules文件夹下,通过require()调用; –save:将保存配置信息至package.json(package.json是nodejs项目配置文件); -dev:保存至package.json的devDependencies节点,不指定-dev将保存至dependencies节点; 为什么要保存至package.json?因为node插件包相对来说非常庞大,所以不加入版本管理,将配置信息写入package.json并将其加入版本管理,其他开发者对应下载即可(命令提示符执行npm install,则会根据package.json下载所有需要的包)。 使用npm卸载插件:npm uninstall [-g] [–save-dev] PS:不要直接删除本地插件包 使用npm更新插件:npm update [-g] [–save-dev] 更新全部插件:npm update [–save-dev] 查看npm帮助:npm help 当前目录已安装插件:npm list

转载请注明原文地址: https://www.6miu.com/read-57294.html

最新回复(0)