gulp最简示例】的更多相关文章

全局安装 $ npm gulp -g 作为项目的开发依赖安装 $ npm gulp --save-dev 脚本文件 在根目录创建gulpfile.js文件 const gulp = require('gulp'); gulp.task('default', function(){ //TODO 默认的任务 console.log('default task'); }); 运行gulp 执行默认任务 $ gulp 如果需要执行指定任务,则需要执行 $ gulp <task> <othert…
打开微信小程序官方开发文档,最好全篇看一遍,基本上就会了. 点击文档中 工具 选项卡中 下载工具页面 下载对应系统版本的微信开发者工具 注意:脱离微信开发者工具是不能调试的 好了,安装下工具即可打开,看到选择项目的界面,点击添加项目 添加项目,没有app id就选择无AppID, 勾选在当前目录中创建quick start项目,直接有个简单的示例, AppID 是微信开发者官方授权开发者的一个凭证, 目前只有200家受邀内测的公众号才有,所以咱们就通过无AppID开发调试吧!主要限制如下: 然后…
安装gulp-uglify 作为项目的开发依赖即可 $ npm gulp-uglify --save-dev 压缩js文件 gulpfile.js const gulp = require('gulp'); const uglify = require('gulp-uglify'); gulp.task('uglifyjs', function(){ gulp.src('src/js/**/*.js') .pipe(uglify()) .pipe(gulp.dest('dist/js')); }…
安装webapck webpack依赖node环境,所以在此之前要保证系统中有node环境. 打开cmd控制台 $ npm install webpack -g 全局安装webpack 配置模块 webpack的配置主要分为三大块 entry 入口文件 让webpack用哪个文件作为项目的入口 output 出口 让webpack把处理完成的文件放在哪里 module 模块 要用什么不同的模块来处理各种类型的文件 新建项目 新建一个目录,就叫webpack-test,然后初始化一下. $ npm…
一.环境的搭建 先安装pip yum install python-pip 安装失败: 安装epel扩展源 yum install epel-release 在安装pip 再利用pip安装django pip install Django 或者pip install Django==1.8.16(版本号) 升级:pip install --upgrade pip 二.Django创建项目 执行命令: django-admin.py startproject project_name(自己的项目名…
attachEvent绑定事件,函数的默认this指向为window,要解决问题可以通过call改变方法的指向! var div = document.getElementsByTagName('div')[0]; div.attchEvent('onclick',function(){ handle.call(div);  //改变的this指向 }); function handle(){ console.log(this); }…
Grunt和Gulp构建工具在Visual Studio 2015中的高效的应用 Grunt和Gulp是Javascript世界里的用来做自动压缩.Typescript编译.代码质量lint工具.css预处理器的构建工具,它帮助开发者处理客户端开发中的一些烦操重复性的工作.Grunt和Gulp都在Visual studio 2015中得到支持.ASP.NET 项目模板默认使用Gulp. Grunt和Gulp Grunt和Gulp有什么区别?Gulp虽然是稍微晚一点登场的,但是它因crisp pe…
Grunt和Gulp是Javascript世界里的用来做自动压缩.Typescript编译.代码质量lint工具.css预处理器的构建工具,它帮助开发者处理客户端开发中的一些烦操重复性的工作.Grunt和Gulp都在Visual studio 2015中得到支持.ASP.NET 项目模板默认使用Gulp. Grunt和Gulp Grunt和Gulp有什么区别?Gulp虽然是稍微晚一点登场的,但是它因crisp performance和优雅的语法受到欢迎.与Grunt不同,Grunt往往在硬盘上是…
更多gulp常用插件使用请访问:gulp常用插件汇总 gulp-notify这是一款gulp通知插件. 更多使用文档请点击访问gulp-notify工具官网. 安装 一键安装不多解释 npm install --save-dev gulp-notify 使用 例1: var notify = require("gulp-notify"); gulp.src("./src/test.ext") .pipe(notify("Hello Gulp!")…
1.小程序介绍 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用.也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题.应用将无处不在,随时可用,但又无需安装卸载. 2.学习资料的推荐 官方文档: https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1474643026176 开发工具: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/d…