這款插件誕生于工作中，在寫大量的前端代碼之后绘雁，發(fā)現(xiàn)有的工作比較重復(fù)，浪費時間援所，于是想能不能通過工具來解決庐舟。起初是拿Java寫的，但是它不利于推廣住拭，因為很多前端同學(xué)不掌握J(rèn)ava挪略。以至于是一直我自己在使用。
后來很長時間之后滔岳，我自己再用還得查一查以前的使用文檔杠娱。這還得了，瞬間就有一個想法谱煤，搞一個插件出來墨辛。
于是一下午時間加足馬力寫出了這個插件并發(fā)布了出來。
插件的作用
現(xiàn)在的工作常常在寫小程序趴俘，寫小程序頁面的過程是：
頁面骨架結(jié)構(gòu) >> 填充class屬性 >> 在css文件中創(chuàng)建對應(yīng)的class結(jié)構(gòu) >> 開始調(diào)試樣式 >> css樣式填充css文件
插件省下了最中間的步驟，不需要將定義好的class屬性再一個個復(fù)制到css文件奏赘。
比如Html文件中有這么些class：
在這里插入圖片描述
現(xiàn)在可以通過該插件一鍵生成：
在這里插入圖片描述
插件圖示：
![]()
在這里插入圖片描述
在這里插入圖片描述
Features
在插件支持的文件中寥闪，單擊右鍵->選擇HtmlFindClass。如若選中的文件格式正確磨淌，則會在選中文件的所在目錄輸出一個以"文件名+.css"的文件疲憋，右下角會提示生成文件的路徑。這樣就省去了單獨拷貝class樣式的時間梁只。
目前支持的文件格式有：html缚柳、vue、wxml搪锣。
如果需要生成id或者其它選擇器秋忙，歡迎大家上手完善這個插件。
我的聯(lián)系方式：sahadev@foxmail.com
Known Issues
暫時沒有收到問題反饋构舟，靜待更新灰追。
Release Notes
1.1.0
- 去除冗余依賴庫
- 去除冗余命令
- 去除冗余輸出日志
- 完善輸出結(jié)果內(nèi)容
- 降低最低兼容版本號
- 增加對html,wxml,vue文件的支持
Git項目地址為：https://github.com/sahadev/htmlfindclass ，歡迎大家移步閱覽。
