gulp和yarn的二分钟包会教程

1.什么是 gulp?

基于node的自动化构建工具

扩展:开发的时候分为2个节点一个是开发阶段  另一个是部署阶段

开发阶段:源文件不会被压缩

部署阶段:所有文件需要压缩

2.gulp能干什么?

1  自动压缩JS文件

2  自动压缩CSS文件

3  自动合并文件

4  自动编译sass

5  自动压缩图片

6  自动刷新浏览器

3.怎么安装gulp?

因为它基于nodeJS,因此需要先安装node环境

安装完成后,打开你的命令行窗口

输入: node -v

检测一下node是否安装好了

    二分钟开始

1.使用npm安装插件命令
     :npm install <name> -g  全局安装  //先全局安装
     :npm install <name> --save-dev:局部安装  //一会使用

《npm install -g cnpm --registry=https://registry.npm.taobao.org》淘宝镜像>>cnpm安装

cnpm -v//装完查看版本,验证是否安装正确

  

2.初始化文件夹
  npm init 《npm init -y 如果卡住的话》

  作用:初始化一个gulp环境   创建一个package.json文件

  

3.局部安装gulp
    cnpm install gulp --save-dev:局部安装

       --save:将保存配置信息至package.json

       -dev:保存至package.json的devDependencies节点

  

4.新建gulpfile文件(重要)
  gulpfile.js是gulp项目的配置文件,是位于项目根目录的普通js文件

  gulpfile   package   node_modules 三个文件一般放在一起
gulpfile.js
const gulp = require("gulp")//引入

gulp.task("script",function(){
    gulp.src("src/index.txt")
    .pipe(gulp.dest("dist/js"))
})

  

  终端输入

gulp script

  

  项目里面就OK了

  

yarn

1.什么是 Yarn?

这里引用中文官网的说明: 
Yarn 是一个依赖管理工具。它能够管理你的代码,并与全世界的开发者分享代码。Yarn 是高效、安全和可靠的,你完全可以安心使用。

Yarn 能够让你使用其他开发者开发的代码,让你更容易的开发软件。如果你在使用中发现任何问题,欢迎发 issue 或者贡献代码,一旦问题被修复,你就可以继续使用 Yarn 战斗了。

代码是通过包(有时也被称为模块)进行共享的。 在每一个包中包含了所有需要共享的代码,另外还定义了一个 package.json 文件,用来描述这个包。

1、安装  cnpm install yarn -g2.项目里面 yarn add gulp --dev

  

和gulp对比的命令

1、安装  cnpm install yarn -g

2、cnpm install gulp --save === yarn add gulp 

3、cnpm install gulp --save-dev === yarn add gulp --dev

4、更新 cnpm update 包名 == yarn update 包名

5、yarn remove 包名 == npm uninstall 包名 删除包

6、yarn clear 清除缓存

7、yarn install  == cnpm install <别人搞你的项目如果里面没有module 直接下载json中的包>

8、 yarn init -y  == cnpm init -y

  

原文地址:https://www.cnblogs.com/moonzwt/p/9634097.html

时间: 2024-10-09 23:48:19

gulp和yarn的二分钟包会教程的相关文章

一方包、二方包、三方包是什么?

一方包(也称一方库).二方包(也称二方库).三方包(也称三方库)说明: 一方包:本工程中的各模块的相互依赖 二方包:公司内部的依赖库,一般指公司内部的其他项目发布的jar包 三方包:公司之外的开源库, 比如apache.ibm.google等发布的依赖

如何发布二方包?

本篇文章会用到很多npm命令,可以回顾npm文档. 通常我们新建项目,会安装很多依赖,那个是第三方npm包.如果是公司内部的包,可以称为二方包. 登陆后,才能发包,如果发包失败,或者登陆失败,请检查npm的版本和node.js版本. 一.新建包 会涉及package.json文件,主模块文件,单元测试文件,demo文件,具体内容请查看github. 二.发布二方包 # 上班,二方包管理平台 http://npm.cydata.com.cn/ 1.设置源 # 设置淘宝镜像源 npm config

一方包、二方包和三方包的概念

在看一些技术文档的时候经常会看到有二方包这种名词,这里来记一下概念. 一方包(一方库) 本工程中的各模块的相互依赖. 二方包(二方库) 公司内部的依赖库,一般指公司内部的其他项目发布的jar包. 三方包(三方库) 公司之外的开源库, 比如apache.ibm.google等发布的依赖. "有瓜吃瓜,无瓜吃菜." 原文地址:https://www.cnblogs.com/yanggb/p/10885511.html

从零开始学Go之基本(二):包、函数声明与格式化输出

包: 每个go程序在开头都要有一个package来声明当前包 其中包含main函数的包必须为main包来声明入口 从零开始学Go之基本(二):包.函数声明与格式化输出 导入包: import 包名称 //import "fmt" 单个导入 import ( "fmt" "math" ) 引用其他包时必须通过import来获取,根据包中的变量或者函数的开头大小写来判断能否导出:大写才能导出,否则不能被外部包引用 函数声明: func 函数名 (函数

21分钟 MySQL 入门教程 &amp;&amp; mysql数据类型

转自:http://www.cnblogs.com/mr-wid/archive/2013/05/09/3068229.html#c1 http://www.cnblogs.com/zbseoag/archive/2013/03/19/2970004.html 21分钟 MySQL 入门教程 目录 一.MySQL的相关概念介绍 二.Windows下MySQL的配置 配置步骤 MySQL服务的启动.停止与卸载 三.MySQL脚本的基本组成 四.MySQL中的数据类型 五.使用MySQL数据库 登录

一步一步部署SSIS包图解教程

本文就SQL统计分析SSIS包的部署进行一次详细的部署图解教程,Sql Server Integration Services 提供了非常简单的部署工具,利用这些工具可以方便地将包文件(*.dtsx).包配置文件(*.dtsconfig)以及包的其它相关文件,打包成一个安装文件,以利于到其它计算机安装与部署. 下面我们以前面介绍的DEPJ1200 为例,来详细介绍包部署的完整过程. (-)生成安装部署文件.  在SQL Server Business Intelligence Developme

21分钟 MySQL 入门教程(转载!!!)

21分钟 MySQL 入门教程 目录 一.MySQL的相关概念介绍 二.Windows下MySQL的配置 配置步骤 MySQL服务的启动.停止与卸载 三.MySQL脚本的基本组成 四.MySQL中的数据类型 五.使用MySQL数据库 登录到MySQL 创建一个数据库 选择所要操作的数据库 创建数据库表 六.操作MySQL数据库 向表中插入数据 查询表中的数据 更新表中的数据 删除表中的数据 七.创建后的修改 添加列 修改列 删除列 重命名表 删除整张表 删除整个数据库 八.附录 修改 root

30分钟QUnit入门教程

30分钟Qunit入门教程 15分钟让你了解Javascript单元测试框架QUnit,并能在程序中使用. QUnit是什么 QUnit是一个强大,易用的JavaScript单元测试框架,由jQuery团队的成员所开发,并且用在jQuery,jQuery UI,jQuery Mobile等项目. Hello World 学习QUnit还是从例子开始最好,首先我们需要一个跑单元测试的页面,这里命名为index-test.html: <!DOCTYPE html> <html> <

从零开始学数据分析,什么程度可以找到工作?( 内附20G、5000分钟数据分析工具教程大合集 )

从零开始学数据分析,什么程度可以找到工作?( 内附20G.5000分钟数据分析工具教程大合集 ) 我现在在Coursera上面学data science 中的R programming,过去很少接触过统计.计算机这两个学科,现在很想转行做数据.问题如下: 1.Data需要学到什么程度可以找工作?2.初级的数据分析会做哪些工作?3.数据分析有什么小方向吗?4.想要深度做数据分析有怎样的建议? 5.统计的学习应该从哪里下手? 本文将给你以上问题所有答案,文末还有UniCareer为大家独家整理的20