Maison > interface Web > js tutoriel > Exécuteur de tâches automatique basé sur Nodejs - Introduction à gulp

Exécuteur de tâches automatique basé sur Nodejs - Introduction à gulp

零下一度
Libérer: 2017-06-23 09:51:46
original
1766 Les gens l'ont consulté

Introduction

1

2

gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。

在实现上,她借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入。主要呢,就是用来帮助我们更快构建。

Copier après la connexion

Adresses communes

1

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

Copier après la connexion

Nœud d'installation , vérifiez la commande version :

1

2

3

4

5

node -v 查看安装的nodejs版本,出现版本号,说明刚刚已正确安装nodejs。PS:未能出现版本号,请尝试注销电脑重试;

npm -v 查看npm的版本号,npm是在安装nodejs时一同安装的nodejs包管理器,那它有什么用呢?稍后解释;

cd 定位到目录,用法:cd + 路径 ;

dir 列出文件列表;

cls 清空命令提示符窗口内容。

Copier après la connexion

Parce que le serveur npm est à l'étranger, s'il n'y a pas de FQ et que npm est particulièrement lent, vous pouvez envisager d'installer Taobao fichiers image et commande cnpm

1

npm install cnpm -g --registry=https:

Copier après la connexion

description du paramètre d'installation npm :

1

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

Copier après la connexion

Installation npm, désinstallation, mise à jour, aide, liste des commandes de plug-in installés :

1

使用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-

Copier après la connexion

npm génère automatiquement les fichiers de configuration

1

2

3

npm init  //运行后会让你填些项目名 版本号等信息,也可以开始不填写,一路回车。

//完成后会在你的项目里生成一个package.json的配置文件。

//之后你用npm install <name> --save 就会自动保存到这个文件。

Copier après la connexion

Après avoir installé Npm, installez gulp globalement

1

npm install gulp -g

Copier après la connexion

Créez ensuite un nouveau gulpfile.js dans le fichier de votre projet, commencez simplement à écrire le tube d'automatisation. Vous pouvez vous y référer. Après avoir écrit les tâches qui doivent être automatisées, tapez simplement

1

gulp <pipeName>

Copier après la connexion

sur le fichier. ligne de dénomination.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal