gulp入坑系列(1)——安装gulp

前言

  好吧,我承认我是为了搞定Sass编译CSS文件的问题,迷一样的着手入gulp的坑,sass和gulp的爬坑历程大概会一起更新。然后感觉这里windows和mac的流程差不多,不过mac的通常在指令前加sudo ,本喵是windows的本本,所以就以windows的流程为例了。

1. 安装淘宝cnpm镜像

   因为很多npm包都是国外的,所以安装起来很慢,所以我们可以利用淘宝的镜像服务器来进行安装后续的包,速度和成功率会高很多。 
所以首先打开cmd,输入指令: 
npm install -g cnpm –registry=https://registry.npm.taobao.org 
回车以后等待执行便可,安装完成后可以使用cnpm -v来检测,如果返回版本号,则说明已经安装成功了。

2.全局安装gulp

在命令行中键入指令 
cnpm install –global gulp 
这里将官网上的npm改成了cnpm,安装起来会非常快

3.作为项目的开发依赖安装:

   首先,新建一个用来项目开发的空文件夹,然后再命令行工具里cd到文件夹中(有git的童鞋在文件夹里直接右键 git bash here也是Ok的) 
   然后执行以下 npm init,会发现文件夹中多出一个 
   然后在命令行中执行 npm init,效果如下图,一路无脑回车即可 
这里写图片描述 
   执行完成后你会发现原本的空文件夹里多出了一个叫package.json的文件。说明执行成功啦。 
  完成后接着执行指令: 
  npm install –save-dev gulp 
注意:1.命令行工具一定要进入到这个用来项目开发的空文件夹 
   2.这里不要使用cnpm,使用npm即可(亲身经历,用cnpm之后运行gulp的时候会报错,大概是cnpm的某些包不全)

  接下来需要等待一会儿,完成后,需要去文件夹的根目录中,新建一个名为gulpfile.js的javascript文件,写入内容如下:

1 var gulp = require('gulp');
2 
3 gulp.task('default', function() {
4   // 将你的默认的任务代码放在这
5 });

最后在命令行里执行指令: glup 回车 
这里写图片描述 
效果如上图,则说明glup已经成功安装在项目中啦~ 
后续gulp的使用我会继续学习和更新哒~

转载于:https://www.cnblogs.com/YuuyaRin/p/6159809.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/429784.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java中的sql语句书写_Java中sql语句之通配符*

在java中执行SQL语句要特别注意通配符的问题,否则是不会成功的:在ACCESS中的通配符是*例:select * from student where name like 张*在标准的SQL语言中的通配符是%例:select * from student where name like 张%在java…

Oracle 数据库中对记录进行分页处理

学习到 oracle 的视图的时候,了解到对 Oracle 中数据的记录进行分页处理和 Mysql 提供的 limit 来进行分页处理大有不同,limit 是 mysql 中特有的关键字。 那么在 oracle 中如何实现对记录的分页处理呢? 解决办法:使用 ROWNUM 1.…

python中split啥意思_python中split的用法详解_后端开发

如何用python正则表达式匹配字符串?_后端开发用python正则表达式匹配字符串的方法:1、当匹配单个位置的字符串时,可以使用【(.?)】正则表达式来提取;2、当连续多个位置的字符串匹配时,可以使用【?P…】这个正则表达式…

sublimeText OmniMarkupPreviewer 404

这个错误也是出现的莫名奇妙。 "Error: 404 Not Found Sorry, the requested URL http://127.0.0.1:51004/view/29 caused an error:buffer_id(29) is not valid (closed or unsupported file format)NOTE: If you run multiple instances of Sublime Text, you may want …

python写的程序怎么打包成exe_python--- 如何将自己的程序打包成exe ?

最近用python Tkinter 写了一个看stock的小工具.. . 把它调节成半透明悬浮 你懂得但是每次总用pycharm 或者调python去加载使用多少有些不便,如何打包成exe成了问题。百度一下找了 pyinstaller 感觉使用起来还不错。步骤如下:1.官网下载对应的pyins…

spring定时器,定时器一次执行两次的问题

Spring 定时器 方法一:注解形式 配置文件头加上如下: xmlns:task"http://www.springframework.org/schema/task"http://www.springframework.org/schema/task http://www.springframework.org/schema/task/spring-task.xsd 需要 quartz 包 &l…

python处理实例_python处理xml实例

"""Author zyhFileName read_xml_1.pyTime 18-9-26 下午5:19"""from xml.etree import ElementTreeimport ospath (/home/zyh/Desktop/xml17)xml_file_list os.listdir(path)print(xml_file_list)read_list []with open(./riskCar_pic.txt…

SQLite For .Net 已经整合了32位和64位

以前引用SQLite.DLL的时候,如果是winform等桌面程序,还要分32位和64位不一样的DLL,但最近已经整合为一个包了 打开vs的程序包管理器控制器,输入: install-package system.data.sqlite 自动安装即可。 转载于:https:/…

21天通关python 磁力_python 磁力链接搜索器

标签:API作者的 原文 : http://blog.163.com/lixiangqiu_9202/blog/static/535750372014370156424/我看到这个API之后第一个想法就是用python写个小玩意儿1 importrequests2 importjson3 importos4 importcodecs5 importsys67 sys.setrecursionlimit(100…

Java名字的由来

Java语言的历程丰富多彩,被现在众多程序员和企业广泛使用,不用质疑这是Java的领先技术的结果。 Java是Sun公司开发的一种编程语言,Sun公司最初的方向是让Java来开发一些电器装置程序,如:机顶盒、公交卡,Sun…

java socket 重连复用_Java Socket编程基础及深入讲解(示例代码)

Socket是Java网络编程的基础,了解还是有好处的,这篇文章主要讲解Socket的基础编程。Socket用在哪呢,主要用在进程间,网络间通信。本篇比较长,特别做了个目录:一、Socket通信基本示例这种模式是基础&#xf…

Leetcode 279. Perfect Square

Given a positive integer n, find the least number of perfect square numbers (for example, 1, 4, 9, 16, ...) which sum to n. For example, given n 12, return 3 because 12 4 4 4; given n 13, return 2 because 13 4 9. 这道题首先想到的算法是DP。每个perfec…

php文件解锁,php文件锁怎么用

php文件锁怎么用PHP出现文件锁与mysql表锁有大概想的用法,就是同一时间只能让一个人操作,这样就避免了同时有多个人操作同一文件,这样导致数据丢失的情况了。以下是小编为大家搜索整理的PHP文件锁怎么用,希望能给大家带来帮助!更多精彩内容请及时关注我们应届毕业生…

zblog php 外部调用,ZBlogPHP调用指定ID文章的代码GetPost()函数

在zblog主题开发中,我们最常用到的就是文章的调用了,毕竟不管是首页还是内页基本都离不开文章,下面这段代码是用来调用指定ID的文章的代码,一般常用在文章推荐这样的布局当中。用到的函数:GetPost()$aritcle GetPost(…

php 自带缓存,封装ThinkPhP自带的缓存机制

namespace Home\Controller;use Think\Controller;use Think\Think;/*** param string $cache_folder 缓文件夹* param int $cache_create_time 文件缓存时间* example $cache->read_cache() 读取缓存并输出* example $cache->create_cache() 创建缓存文件(放在文件未尾)…

等高线的认识

contour: 轮廓;等高线。是三维图像信息在二维坐标平面上的投影。但其仍维护着三维信息,比如使用特殊的颜色标出(不同高度含义的曲线)。 1. 等高线的意义 利用 xy 平面内的等高线,可以给出函数 uf(x,y) 的另…

java替换list中元素,Java 实例 - List 元素替换

以下实例演示了如何使用 Collections 类的 replaceAll() 来替换List中所有的指定元素: /*author by shouce.renMain.java*/import java.util.*;public class Main {public static void main(String[] args) {List list Arrays.asList("one Two three Four fiv…

mysql 常用命令(一)

1. 函数向日期添加指定的时间间隔 DATE_ADD(date,INTERVAL expr type)eg:DATE_ADD(CURDATE(),INTERVAL 1 MONTH) //在当前时间加一个月 2.计算年龄 eg:select birth ,CURDATE, YEAR(CURDATE())-YEAR(birth) - (RIGHT(MONTH(CURDATE)&#xff0c;&#xff15;) < &#xff32…

php钓鱼怎么使用方法,盘钩使用方法

中钓网资深钓友为大家分享盘钩的使用方法&#xff0c;很难跑鱼的钓鱼新武器——盘钩。盘钩&#xff0c;老瞿最新专利&#xff0c;刚刚开发出来。经过两年的实践&#xff0c;效果大大地好&#xff0c;钩子多&#xff0c;吃进去&#xff0c;要吐出来就难了。管它什么鱼&#xff0…

SQL Server-聚焦APPLY运算符(二十七)

前言 其实有些新的特性在SQL Server早就已经出现过&#xff0c;但是若非系统的去学习数据库你会发现在实际项目中别人的SQL其实是比较复杂的&#xff0c;其实利用新的SQL Server语法会更加方便和简洁&#xff0c;从本节开始我们将讲述一些SQL Server中早已出现的新语法&#xf…