記一個同時支持模糊匹配和靜態推導的Atom語法補全插件的開發過程: 序

時間 2019-12-11

標籤一個同時支持模糊匹配靜態推導 atom 語法補全插件開發過程欄目網站開發简体版

原文原文鏈接

簡介

過去的一週,都睡的很晚,終於作出了Atom上的APICloud語法提示與補全插件:apicloud_autocomplete .箇中滋味,感受仍是有必要記錄下來的.代碼基於 GPL-3.0 開源,因此我能夠較爲詳細的記錄一些很難被理解和體會的技術細節.APICloud目前已有Studio,VSCode,Webstrom和Sublime的語法補全插件,可是毫無疑問,我作的這款,是目前爲止最好的 -- 惟一的一個支持100%全部API,惟一的一個同時支持模糊匹配和靜態推導語法提示插件!ios

可能你會說,估計是Atom語法補全的擴展機制靈活等等吧!可是,我能夠很明確地告訴你,核心邏輯是基於正則匹配的通用邏輯,和Atom沒有必然的聯繫! apicloud_autocomplete ,須要多個技術棧的創造性地混合使用,某種程度上,這個系列的文章,就是寫給全棧開發工程師的讚歌!哈哈~git

你會耐心讀完整個系列文章的N個可能性

你可能想作一個ReactNative或者Weex的API級別的語法提示與補全插件!注意,我說的是精確到特定API的提示,而不是簡單的通用語法提示.好比如今有好多jsx語法自動補全的提示,可是並無能真正提示某個模塊的某個方法或者某個屬性的ReactNative或者Weex的插件.
你可能對網頁數據的針對性抽取感興趣.從HTML格式的數據中,按照特定規則,抽離特定的數據,正則當然能夠,可是我推薦你使用 pup.這個Task,使用了很是複雜的pup使用技巧,值得一讀.
你可能對正則表達式的深刻使用感興趣.剛開始,基於Atom的分析樹寫的,可是通用性太弱,後來就改爲基於正則的了.展現了一些複雜的正則用法,好比後向匹配.不得不說,正則表達式式,太強大了!
你可能對較大量數據的清洗和格式化感興趣.文章將展現一些你可能之後也會須要的shell腳本.順序很重要!

難點與技術點一覽

海量數據,卻沒有現成的獲取模塊api信息的通用接口.300多個模塊,幾千條api,若是一條條錄入其方法名,代碼模塊,沒有 30 天,真的很難搞定!可是,我只用了 3 天!簡單的shell知識,仍是挺有幫助的.
模糊提示.這個是很實用的功能,實現起來仍是須要一點點正則技巧的.
靜態推導,即根據上下文推斷變量正式模塊類型.仔細想一想,或許你能理解問題的困難之處 -- 你只是一個語法提示,是不能真實地執行代碼的,你要作一個靜態分析,來推斷出某個變量對應的模塊的類型,進而在其模塊信息內部搜索相關的api提示!

系列文章規劃

如今的工做,我很難天天都有時間去寫博客.儘可能這個系列在周內更新完;若是delay了,還請見諒!固然,插件自己的邏輯代碼已經寫就,你們能夠直接去看github上閱讀:apicloud_autocomplete 插件源碼github

(一) 抓取須要的模塊信息. -- 會分享一個基於公開文檔的完整的模塊信息數據壓縮包呦!正則表達式
(二) apicloud_autocomplete 架構設計與實現. -- 會着重講述"模糊匹配"與"靜態推導"的正則技巧.shell
(三) 清洗數據,導入插件. --你在看的時候,更多有價值的信息在數據清洗部分;可是我想說的是,當你把完整的真實數據導入既定功能代碼中,當插件終於有了完整數據,被賦予完整生命,居然還能運行的時候,那種興奮,真的是很難言表!你們有興趣,有時間,必定要本身搞下這個!api