npm以及gulp相关操作

【npm以及gulp相关操作】的更多相关文章

npm以及gulp相关操作

在工作流相关的第一篇博客中,我们安装了nodejs的环境,那么nodejs自带的npm是一个功能十分强大的管理器,它已经不仅仅是局限于nodejs的版本管理器了,那么当现在我们可以通过npm来下载我们需要使用的各种包,我们需要知道的是,nodejs是一个模块化的用法,它的各个功能都封装成一个一个的模块部分,关于模块的详细部分在nodejs部分再去详细介绍.那么既然它是由模块组成的,那么我们有时候就需要给我们本地的项目区添加各个模块,添加完成之后,我们自己在本地用着很爽,那当项目发布的时候,或者我…

第210天：node、nvm、npm和gulp的安装和使用详解

一.node 1.什么是node? 它不是JS文件,也不是JS框架,而是Server side JavaScript runtime,当服务端的一个JS文件运行时,会被NODE拦截,在NODE中运行JS代码.JS由ES(ECMAScript),DOM,BOM 组成,目前运行在浏览器内核中,NODE中只能运行ECMAScript,无法使用DOM,BOM. NODE就是一个JS运行环境.主要用于开发WEB应用程序开发,很多前端开发的工具都是基于NODE这个平台,所有的工具就相当于一些软件. 2.什么…

构建工具-Gulp 相关知识

layout: layout title: 『构建工具-Gulp』相关内容整理 date: 2017-04-26 22:15:46 tags: Gulp categories: Tools --- Gulp- 简介 Automate and enhance your workflow | 用自动化构建工具增强你的工作流程 Gulp 是什么? gulp是前端开发过程中一种基于流的代码构建工具,是自动化项目的构建利器:它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完…

gulp基础操作实践

按照gulp中文文档对gulp基础操作的一些实践练习,记录以防忘掉. 一,选择并输出文件:gulp.src(globs[,options]) eg:gulp.src('src/less/index.less') 这是一个最简单的表达式,它选中并且输出'src/less'目录下的index.less文件. 接下来我们来看它的官方解释:输出符合所提供的匹配模式或者匹配模式的数组的文件.返回一个vinyl files的stream它可以被piped到别的插件中. glob:Match files us…

npm与gulp的使用

这边将工作中使用的npm以及gulp的一些方法做了整理,方便以后查阅,至少不用去麻烦度娘了~ A.npm的使用: 1.在你所需要的文件夹里面初始化npm--> npm init -y --->会生成一个package.json文件 2.根据需要下载相应的文件--> npm install jquery --save 或者 npm install jquery --save-dev --->这两种做法都会在package.json文件里面生成一个当前文件的版本号,…

Scss开发临时学习过程||webpack、npm、gulp配置

SCSS语法: 假设变量申明带有!default,那么如果在此申明之前没有这个变量的申明,则用这个值,反之如果之前有申明,则用申明的值. ‘...’传递多个参数: @mixin box-shadow($shadow...){ -webkit-box-shadow:$shadow; -moz-box-shadow:$shadow; box-shadow:$shadow; } 用在属性或者选择器上,就得以#{}包裹多个变量值一起申明: $linkColor: red blue !default;…

代码管理工具（含git、npm、gulp）

1 Git 分布式代码管理工具(基于Linux,可在本地进行提交)代码同时储存在本地和服务器中 ① Git基本操作命令 (1)初始化,创建初始化仓库 git init ------- 文件初始化,初始一个仓库,一般在根文件夹执行,创建一个.git的隐藏文件夹 ls ------- 查看根文件中的文件 ls -a-------查看根文件中的文件的路径 (2)配置信息,创建个人信息 git config ------- 开启文件配置 git config ------- 开启文件配置, git co…