node简介
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。
Node.js 的包管理器 npm,是全球最大的开源库生态系统。
简单来说:Node 是一个 服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。
下载安装
下载地址点击进入
安装测试:
打开命令提示行工具
window+R打开运行
cmd进入-
- 查看nodejs版本:(出现版本号即为安装成功)
node -v - nodejs集成的nodejs包管理器——查看版本
npm -v
- 查看nodejs版本:(出现版本号即为安装成功)
插件管理工具npm
npm是什么?
npm是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等);
因为npm是外国服务器下载,受网络影响大。淘宝团队把内容打包放在了国内的服务器。npm 等于 cnpm
官方网址:http://npm.taobao.org;有那些模块?一般的用法:
——安装插件:
cnpm install [-g] [–save-dev]
{插件名称,[-g]全局安装&装c盘写入系统环境变量,[–save]配置在package.json&是nodejs项目的配置文件,[-dev]保存至devDependencies节点}——使用cnpm卸载插件:
cnpm uninstall [-g] [–save-dev]
·删除全部插件:
借助rimraf插件:cnpm install rimraf -g
rimraf node_modules——使用npm更新插件:
cnpm updata [-g] [–save-dev]
·更新全部插件: cnpm update [–save-dev]——查看npm帮助: cnpm help
——当前目录已安装插件: cnpm list
安装cnpm插件
- 命令提示符执行下列命令:
npm install cnpm -g --registry=https://registry.npm.taobao.org
- 查看安装版本
cnpm -v
gulp代码构建的工具
是什么?
对代码进行构建的工具,全局安装gulp目的是为了通过他执行gulp任务;
基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。
全局安装
cnpm install gulp -g
——查看版本: gulp -v
项目使用
全局gulp为了执行gulp任务;本地gulp为了调用gulp插件功能
- 局部安装
cnpm install gulp --save-dev
项目构建
1.创建package.json配置文件
是什么?
package.json是基于nodejs项目必不可少的配置文件,它是存放在项目根目录的普通json文件;创建方式(手动 | 命令行)——注意:json文件内是不能写注释的
cnpm init
本地安装gulp项目管理打包插件
是什么?
前端开发过程中对代码进行构建的工具
&全局gulp为了执行gulp任务;本地gulp为了调用gulp插件功能安装gulp:
全局安装: cnpm install gulp -g
定位项目根目录 执行 cnpm install gulp –save-dev创建gulpfile.js文件(重要)
是什么?
gulpfile.js是gulp项目的配置文件,是位于项目根目录的普通js文件(其实将gulpfile.js放入其他文件夹下亦可)引用gulp
var gulp = require('gulp'); //引入gulp模块
gulp.task('任务名',function(){ //建立一个任务
//任务代码
});
常用gulp插件
gulp-concat文件合并插件
合并文件插件——挂靠在gulp上,局部安装
install gulp-concat --save-dev
使用方法:
var gulp = require('gulp'); //加载模块
var concat = require('gulp-concat');
gulp.task('concat',function(){ //新建一个任务,参数 名称.函数
return gulp.src('./要合并的文件*.js').pipe(concat()).pipe(gulp.dest('./输出url.js'));
//pipe()管道操作符,交给concat()合并处理gulp.dest()输出出来;
});
// 执行
gulp concat
gulp-uglify压缩js插件
安装gulp-uglify
cnpm install gulp-uglify --save-dev
压缩js文件
var gulp = require('gulp'); //加载模块
var uglify = require('gulp-uglify');
gulp.task('uglify',function(){ //新建一个任务 参数:名称,执行函数
return gulp.src('./要压缩的文件.js').pipe(uglify()).pipe(gulp.dest('./输出文件'))
})
// node中运行
gulp uglify