素材巴巴 > 程序开发 >

nodejs npm gulp使用详细教程

程序开发 2023-09-17 07:26:09

nodejs+npm+gulp使用详细教程


nodejs简介

nodejs 是一个javascript运行环境。

npm简介

NPM(node package manager),通常称为node包管理器。安装node的时候已经集成了npm,它的主要功能就是管理node包,包括:安装、卸载、更新、查看、搜索、发布等。

使用简单的符号标识不同的标题,将某些文字标记为粗体或者斜体,创建一个链接等,详细语法参考帮助?。

gulp简介

gulp是一个前端自动化构建工具,必须依赖一个js运行环境,所以必须先安装node.
作用:让开发者可以使用它在项目开发过程中自动执行常见任务。 启动本地服务器,监听less,html,合并css,js文件,压缩文件等。

gulp安装

gulp入门

执行npm install gulp-less(编译less)gulp-imagemin(图片压缩)gulp-autoprefixer(css3自动补全)…等等安装插件。

{"name": "test",   //项目名称(必须)"version": "1.0.0",   //项目版本(必须)"description": "This is gulp  !",   //项目描述(必须)"homepage": "",   //项目主页"repository": {    //项目资源库"type": "git","url": "https://git.csdn.net/xx"},"author": {    //项目作者信息"name": "yunlu","email": "905752387@qq.com"},"license": "ISC",    //项目许可协议"devDependencies": {    //项目依赖的插件"gulp": "^3.8.11","gulp-less": "^3.0.0"}
 }

总结:node_modules文件夹,Gulpfile.js,package.json是gulp必须的文件。

npm模块管理

安装或者删除插件,用以下相关命令,在项目目录下git后,

  • 删除模块:npm uninstall 模块名 例如 npm uninstall gulp-less
  • 检查过时并更新模块:npm outdated 检查包是否已经过时,此命令会列出所有已经过时的包,可以及时进行包的更新
  • 更新模块:npm update 模块名 例如 npm update gulp-less
  • 最后附上:
    gulp官网:http://www.gulpjs.com.cn/
    gulp插件官网:http://gulpjs.com/plugins/

    关键词:javascript 项目开发 运行环境 manager package

    标签:

    素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。