nodejs、gulp的安装

备忘

1.下载安装node.js

2.安装淘宝cnpm镜像,以下的npm命令可由淘宝的cnpm代替,理论上淘宝镜像安装各种插件速度更快

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.全局安装

npm install gulp -g 

4.项目文件夹安装项目依赖

npm install gulp@2.3.1 --save-dev  

5.创建package.json文件

npm init

6.然后安装需要的gulp插件。例如:

npm install gulp-sass --save-dev

或者引入已经写好了插件需求的package.json文件,然后直接一键安装package文件中所有的插件

npm install gulp i

7.创建gulpfile.js文件,或者复制粘贴需要的gulpfile.js文件

这样,整个gulp的环境就搭建起来了。

原文地址:https://www.cnblogs.com/gitByLegend/p/10420237.html

时间: 2024-11-12 19:00:57

nodejs、gulp的安装的相关文章

Gulp的安装和配置

注意:要安装俩次gulp(全局和本地) 之前由大牛帮忙配置的gulp来用.今天时间充裕,就和小伙伴一起动手配置gulp及其插件. 第一步:建了一个Gulp文件夹,保存插件用于使用第二步:进入nodejs环境下安装cnpm淘宝镜像文件(若出错,则将之前存在的.npmrc删掉再安装该镜像文件) npm install -g cnpm --registry=https://registry.npm.taobao.org 第三步:安装npm,配置环境变量 ①npm install ②环境变量的配置: P

《nodejs+gulp+webpack基础实战篇》课程笔记(八)--模板化开发演练:分离公共头文件

还是先来安装本课需要的插件: npm install raw-loader --save-dev //示例:var header = require("xxx.html");就会把html的内容读取出来 这是一个webpack加载器,可以把文件原样返回为字符串. 这里补充下使用加载器的两种方法: 1.在我们的webpack配置文件中写上 {test:/\.html$/,loader:"加载器名称"} //这代表所有html后缀均会使用这个加载器来处理 2.在requ

前端工程筹建NodeJs+gulp+bower

1.安装nodejs nodejs 官网下载安装文件 安装完成之后,在命令窗口执行,(显示nodejs版本) 和(显示npm版本)可以使用这两个命令查看是否安装成功: node -v npm -v 2.npm 简介 nodejs 安装过程中会自动安装npm,npm  是nodejs的程序包管理工具,用于从网上下载程序包并安装还可以管理工程对程序包的依赖,类似于java平台上的maven. 程序包是指实现了某些功能,并可以运行于nodejs平台,一般是开源程序,如压缩js代码程序,检查js代码正确

《nodejs+gulp+webpack基础实战篇》课程笔记(三)--webpack篇

webpack引入 前面我们简单学习了gulp,这时一个前端构建框架---webpack产生了(模块打包) 它能帮我们把本来需要在服务端运行的JS代码,通过模块的引用和依赖打包成前端可用的静态文件.(这里有需要了解一下CommonJS规范,具体请自行查看http://commonjs.org). 安装webpack: npm install -g wabpack //这里我们采用全局安装,保证每个项目中都能使用到 设置配置文件:  在项目目录下,新建一个webpack.config.js文件 m

《nodejs+gulp+webpack基础实战篇》课程笔记(六)--附加课

一.多页面分离资源引用,按需引用JS和css 我们前面实现了以下功能:1.新建了一个login模版(用到htmlWebpackPlugin).2.分别把main.js和login.js.reg.js分开写.3.学习了css加载器.我们通过webpack可以打包js文件.自动注入js和CSS引用. 那么我们要加载多页面如何操作呢?现在我们就在/src/tpl 文件夹下新件一个index.html文件,在CSS加入index.css,随便写两个样式,然后在/src/下新建一个index.js,随便写

gulp全局安装

gulp.js是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务 gulp.js是基于node.js构建的,利用node.js流的威力,可以快速构建项目 一.安装步骤 1.cnpm install gulp -g   //全局安装:伪为了执行gulp任务 2.cnpm install gulp     //本地安装:为了调用gulp插件的功能 3.gulp -v     //查看版本号,出现版本号即为安装成功 二.新建package.json文件 说明:package.jso

《nodejs+gulp+webpack基础实战篇》课程笔记(四)-- 实战演练

一.用gulp 构建前端页面(1)---静态构建 npm install gulp-template --save-dev 通过这个插件,我们可以像写后台模板(譬如PHP)一样写前端页面.我们首先学习一下写法. 现在我们创建一个新任务:创建一个裸的index.html文件,然后在body里面写上 ,我的年龄是:<%= age %> 下载好gulp-template,我们引用并配置 var gulp_tpl = require("gulp-template"); gp.tas

《nodejs+gulp+webpack基础实战篇》课程笔记(二)--gulp速度上手

速度上手,执行我们第一个任务 gulp,目前前端开发最火爆的工具之一. 我们先在项目目录中创建一个package.jsonwen文件:项目目录下运行node npm init 安装gulp之前,我们先了解下 npm instal -g这个命令: 如果不加-g 则会安装到当前项目目录下.加上-g 就会安装一个全局目录里.  我们可以通过npm config get prefix  查看全局目录是什么.也可以通过npm config set prefix “目录路径”  来自行设置. 一般来说,工具

app.use 的作用 正则表达式中/ 表示什么 nodejs pm2 怎样安装 乱码怎么解决

app.use 的作用 正则表达式中/ 表示什么 nodejs pm2 怎样安装 乱码怎么解决 时间:2017-05-23 00:18:43      阅读:16      评论:0      收藏:0      [点我收藏+] 1.express 框架中的app.use是什么作用? 手册上写着是: app.use([path], function)Use the given middleware function, with optional mount path, defaulting to

《nodejs+gulp+webpack基础实战篇》课程笔记(七)--利用gulp自动完成配置&quot;吐&quot;给webpack执行

首先,我们利用gulp将入口文件自动化.我们参考该课程的规则,对文件需要成为入口的文件进行一个归类和整理. 首先,我们已经建立了SRC文件夹.在SRC文件下,创建一个主文件夹叫modules.同事创建几个子文件夹,创建的基本规则是:文件夹名就代表了我们的入口节点名. (此图仅供参考,文件夹名与文件名可自定义) 然后我们来到gulpfile.js,写入一个任务,在gulpfile中遍历modules文件夹里的文件夹和子文件(为了演示方便,我们默认遍历2级.第一级必须是文件夹名.第二级必须是js文件