在root目录创建一个.jshintrc文件插入下面的代码即可.也可以自行配置. { // // 强制选项 // // When set to true, these options will make JSHint produce more warnings about your code. /** * 是否阻止位运算符的使用 * * 有时候为了快速取整或判断,会使用一些位运算符,所以此项设置为 false */ "bitwise": false, /** * 是否要求变量都使用驼峰…

前言 近期的项目全部由Grunt + LESS 转向改用Gulp + SASS 进行前端开发,也就奔着Gulp那比较好用的自定义函数而来的. 一.package.json文件配置如下: { "name": "your app's name", "version": "0.1.0", "description": "your app's description", "main&q…

sublime3插件 安装node包 jscs npm install jscs -g jshint npm install jshint -g csscomb npm install csscomb -g csslint npm install csslint -g 安装gem包 scss-lint gem install scss_lint 安装sublime3 Package Control 按下 ctrl+` 复制粘贴以下代码 import urllib.request,os,hashl…

现在会进行代码的合并和压缩已成为前端人员的必备知识,那么现在来介绍一个grunt的工具.grunt是个风靡世界的工具,它的首页是  http://www.gruntjs.net 这是个中文网站,有文档可以参考.但是只看文档是不是觉得很蛋疼呢?一个字:看不太懂啊! 好了,废话不多说,直接发安装步骤和注意事项,都是心酸研究出来的啊... 这里介绍mac的安装方法.windows方法相类似,等我稍微研究一下后再发上来 首先,要安装nodejs,grunt是依赖node滴.上 www.nodejs.or…

这几天知道sublime3有可以对javascript进行语法检查的文件,折腾了一上午,搞定了. 记录一下步骤: 1.先安装nodejs. 2.npm install jshint -g 3.通过sublime3 的packagecontrol 安装 sublimeLinter 这个插件 4.通过sublime3的packagecontrol 安装 sublimeLinter-jshint这个插件 5.在项目文件夹中建立一个 .jshintrc文件 6.文件中配置如下: { "es3"…

sublime 配置&插件推荐 Sublime编辑器的新鲜特性同时选中多个 先选中一个 再Command + D Command + P @搜索函数 #搜索关键字迷你地图 安装package controlhttps://sublime.wbond.net/Package%20Control.sublime-packagePreferences-->Browser Packeages 进入到Packages文件夹向上一级找到Installed Packages 将下载的文件丢进去后重启Sub…

Grunt和Grunt插件是通过NodeJs的包管理工具npm安装并进行管理的. Grunt 0.4.x必须配合NodeJs=>0.8.0版本使用(奇数版本的NodeJs不是稳定的开发版本)   首先介绍2个基础指令: (1)指令:npm update -g npm     作用:升级当前环境中的npm为最新的版本 (2)指令:npm install -g grunt-cli     作用:将Grunt命令行安装到全局环境中,执行完后,就将grunt命令加入到你的系统路径中,以后就可以在任何目录…

gulp+ThinkPHP配置 gulp+ThinkPHP配置 目录结构: html |-src 开发目录 |-Home 静态页面 |-Public 静态资源目录 |-dist 生产目录 |-Home 静态页面 |-Public 静态资源目录 注:gulp-cssnano 弃用 命令行运行指令 cnpm install --save-dev gulp watch //热刷新 gulp build //压缩输出内容 gulp clean //清空目录下的dist文件 更新 2/10/2018 4:…

优化了文件过滤,更改文件只会重新生成修改的文件 项目目录构建: 在入口文件public下,创建html目录,作为前台静态资源目录 gulp.js文件 /*! * gulp * $ npm install gulp gulp-ruby-sass gulp-cached gulp-uglify gulp-rename gulp-concat gulp-notify gulp-filter gulp-jshint gulp-rev-append gulp-cssnano gulp-imagemin b…

gulpfile.js文件 /*! * gulp * $ npm install gulp gulp-ruby-sass gulp-cached gulp-uglify gulp-rename gulp-concat gulp-notify gulp-filter gulp-jshint gulp-rev-append gulp-cssnano gulp-imagemin browser-sync gulp-file-include gulp-autoprefixer del --save-de…