Heim > Web-Frontend > js-Tutorial > Hauptteil

Automatischer Task-Runner basierend auf Nodejs – Einführung in gulp

零下一度
Freigeben: 2017-06-23 09:51:46
Original
1745 Leute haben es durchsucht

Einführung

gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。
在实现上,她借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入。主要呢,就是用来帮助我们更快构建。
Nach dem Login kopieren

Gemeinsame Adressen

gulp官方网址:http://gulpjs.comgulp插件地址:http://gulpjs.com/pluginsgulp官方API:https://github.com/gulpjs/gulp/blob/master/docs/API.mdgulp中文API:http://www.ydcss.com/archives/424
Nach dem Login kopieren

Knoten installieren Überprüfen Sie den Versionsbefehl:

node -v 查看安装的nodejs版本,出现版本号,说明刚刚已正确安装nodejs。PS:未能出现版本号,请尝试注销电脑重试;
npm -v 查看npm的版本号,npm是在安装nodejs时一同安装的nodejs包管理器,那它有什么用呢?稍后解释;
cd 定位到目录,用法:cd + 路径 ;
dir 列出文件列表;
cls 清空命令提示符窗口内容。
Nach dem Login kopieren

Da sich der npm-Server im Ausland befindet und keine FQ vorhanden ist und npm besonders langsam ist, können Sie die Installation von Taobao in Betracht ziehen Bilddateien und cnpm-Befehl

npm install cnpm -g --registry=https:
Nach dem Login kopieren

npm-Installationsparameterbeschreibung:

-g:全局安装--save:将保存配置信息至package.json(package.json是nodejs项目配置文件);-dev:保存至package.json的devDependencies节点,不指定-dev将保存至dependencies节点;一般保存在dependencies的像这些express/ejs/body-parser等等。
Nach dem Login kopieren

npm-Installation, Deinstallation, Aktualisierung, Hilfe, Liste der installierten Plug-in-Befehle:

使用npm卸载插件:npm uninstall <name> [-g] [--save-删除全部插件:npm uninstall gulp-less gulp-uglify gulp-concat ……???借助rimraf:npm install rimraf -使用npm更新插件:npm update <name> [-g] [--save-更新全部插件:npm update [--save-
Nach dem Login kopieren

npm generiert automatisch Konfigurationsdateien

npm init  //运行后会让你填些项目名 版本号等信息,也可以开始不填写,一路回车。
//完成后会在你的项目里生成一个package.json的配置文件。
//之后你用npm install <name> --save 就会自动保存到这个文件。
Nach dem Login kopieren

Nach der Installation von Npm gulp global installieren

npm install gulp -g
Nach dem Login kopieren

Erstellen Sie dann eine neue gulpfile.js Beginnen Sie einfach mit dem Schreiben der Automatisierungspipeline. Nachdem Sie die Aufgaben geschrieben haben, die automatisiert werden müssen, geben Sie einfach

gulp <pipeName>
Nach dem Login kopieren

ein Namenszeile.

Das obige ist der detaillierte Inhalt vonAutomatischer Task-Runner basierend auf Nodejs – Einführung in gulp. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage