天天看點

grunt的grunt-contrib-jshint插件使用

<span style="font-size:32px;">grunt的grunt-contrib-jshint插件使用</span>
           

1.安裝

與grunt通用的安裝方式一緻,隻需要一條npm install grunt-contrib-jshint --save-dev即可安裝該插件并且自動寫入到package.json中去。

2.使用方法

與通用的格式一緻,首先聲明module.exports=function(grunt){},在該函數中寫入grunt.initConfig方法,在其中聲明jshint的配置,如下:

<span style="white-space:pre">	</span>module.exports=function(grunt){
	grunt.initConfig({
		jshint:{
			src:["test.js"]
		}
	});
	grunt.loadNpmTasks('grunt-contrib-jshint');
	grunt.registerTask('default', ['jshint']);
	};
           

我聲明了一個jshint任務,該任務是檢索test.js的文法錯誤(相當嚴格,少;都會提示,從此以後代碼一定很規範0.0),之後運作grunt就可以了,結果如果為

grunt的grunt-contrib-jshint插件使用

,成功,我的js沒有錯誤(當然這是我改完了以後成功的截圖0.0)。

2.拓展

說實在的,這些拓展對我這個菜鳥來說暫時木有用,不過仍然要記錄下來,等我羽翼豐滿了那必須是有用的。

http://jshint.com/docs/options/該網址是官方插件的屬性說明頁面也就是書寫在插件options中的屬性值,如果有特殊需求可以通過查詢這個頁面來找到你需要的功能。

比如forin屬性是在for in的js中強制使用obj.hasOwnProperty(“屬性名”)來確定循環不會出現錯誤。

繼續閱讀