gulp html页面路径,配置gulp前端开发环境

为了提升下载速度，配置了cnpm替代npm,下面都使用cnpm

请先安装nodejs。

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

安装插件命令cnpm install 插件名 --save-dev

gulp

1、全局安装cnpm install gulp -g;

查看是否正确安装：gulp -v，出现版本号即为正确安装；

2、开发目录本地安装cnpm install gulp --save-dev

一键安装插件

如果目录里定义好package.json,可以直接安装cnpm install

基础插件

用于less编译，样式、脚本压缩合并。cnpm install gulp-less --save-devcnpm install gulp-concat --save-devcnpm install gulp-clean-css --save-devcnpm install gulp-rename --save-devcnpm install gulp-uglify --save-dev

监听cnpm install gulp-watch --save-dev

文件包含插件

用于静态页面开发(html编译)cnpm install gulp-file-include --save-dev

配置babelcnpm install --save-dev gulp-babel@7

cnpm install --save-dev babel-preset-es2015

cnpm install --save-dev babel-cli

gulp html页面路径,配置gulp前端开发环境相关推荐

基于gulp编写的一个简单实用的前端开发环境
自从Node.js出现以来,基于其的前端开发的工具框架也越来越多了,从Grunt到Gulp再到现在很火的WebPack,所有的这些新的东西的出现都极大的解放了我们在前端领域的开发,作为一个在前端领域里 ...
python安装环境傻瓜式安装_前后端分离——前端开发环境傻瓜式一步到位 nodejs ruby python nginx 安装搭建配置...
前端开发环境一步到位一.准备工作 nodejs安装安装:next->next.... Ruby安装安装:next->next.... 需要配置到path:将安装目录复制到环境变量中, ...
前端实习日记——前端开发环境配置清单
前端实习日记--前端开发环境配置清单实习日记篇说明: 作为前端小菜鸟,初入职场实习,希望将所感所获简单总结,分享给同样处于新手期的小伙伴们,和大家共同成长~ 实习第一步:配环境! 实习第一天,自然是 ...
【前端开发环境安装、配置、项目搭建全教程】
前端开发环境安装.配置.项目搭建全教程 1.Node环境安装简单的说 Node.js 就是运行在服务端的 JavaScrip,基于 Chrome JavaScript 运行时建立的一个平台,Node ...
前端自动化构建工具：用Gulp4.0搭建一个基本的前端开发环境
一个项目的完成一般需要经过三个步骤:初始化.开发和部署.在前端开发过程中,我们经常需要依靠一些自动化构建工具来优化前端工作流程,来帮助我们完成一系列繁琐的工作,例如浏览器热更新.ES6编译.代码压缩. ...
使用Grunt搭建自动化的web前端开发环境-完整教程
jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学.不用! AD: jQuery在使用grunt,bootstrap在使用grunt, ...
Grunt搭建自动化web前端开发环境--完整流程
jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学.不用! 1. 前言各位web前端开发人员,如果你现在还不知道grunt或者听说过 ...
【Yeoman】热部署web前端开发环境
本文来自 "简时空":<[Yeoman]热部署web前端开发环境>(自动同步导入到博客园) 1.序言记得去年的暑假看RequireJS的时候,曾少不更事般地惊为前端利 ...
Linner和WebStorm前端开发环境搭建
Linner和WebStorm前端开发环境搭建注意: 1. Jdk1.6以上 2. 数据库推荐用MySQL 以下是前端工厂开发环境搭建,主要用到Lin ...

gulp html页面路径,配置gulp前端开发环境

gulp html页面路径,配置gulp前端开发环境相关推荐

最新文章

热门文章