atom外掛程式製作

2021-08-26 05:30:27 字數 2118 閱讀 7118

2016開始了自己的開發生涯,步入這個行業初時就是以前端出身,雖說現在努力往全棧開發靠攏,但在前端這個領域還是比後台熟悉。這不,平時開發的時候乙隻在用atom,也覺得他用起來還比較順手,到了新公司,我的職位還是前端開發,而且公司的**規範裡有一條就是相關的檔案都需要有一套注釋。

比如這樣

/**

* ***的'樣式'配置

*@since 2017-08-04

*/

atom由github建立,而github被微軟收購,某種意義上說,atom屬於微軟。。

他是完全開源的,看起來和sublime text(還要收費)一樣,看起來和visual studio code也一樣,是的,都是基於web技術,chrome核心+nodejs,而且開發atom的除錯工具更讓人不可思議

他就像個瀏覽器一樣,我們可以理解為他就是個本地瀏覽器。

看到這裡我覺得我開發外掛程式已經很有希望了,起初還以為需要學習什麼特定的語法之類的。

開發之前可以學習一下其他部落格的介紹:atom外掛程式開發入門教程

也可以學習一下官方的api:atom documentation(全是英文。。。)

還有atom中文社群:atom china

開發乙個簡單外掛程式大致分為幾步

1. 在packages選項裡選擇如下內容,就會自動生成乙個外掛程式資料夾,在本地github目錄下,lib下為外掛程式的主要邏輯區域,styles就是外掛程式的樣式,package.json是外掛程式的一些描述和配置,在package.json中有這麼一條

「activationcommands」: ,
這是配置是讓外掛程式預設不啟動,來提高atom的開啟速度,如果你的外掛程式需要自啟動,就要把自己的外掛程式從這裡面移除

2. 開啟lib下的 my-validate.js 這是自己外掛程式命名的,裡面編寫外掛程式邏輯。

具體可以參照官網給出的事例事例位址

import yournamewordcountview from './your-name-word-count-view';

import from 'atom';

export

default )

editor.ondiddestroy

(() => );

})},

activate

(state) );

// events

subscribed

toin

atom's

system

canbe

easily

cleaned

upwith

acompositedisposable

this.subscriptions = new

compositedisposable

(); // register

command

that

toggles

this

view

this.subscriptions.add

(atom.commands.add('atom-workspace', ));

},deactivate

() ,

serialize

() ;

},toggle

() };

3. 發布

發布流程特別簡單,參照文件

其實就是2步,第一步 cd到外掛程式所在目錄,第二部執行apm publish

apm publish後面可以新增3個屬性major, minor and patch。

major-大版本號 v1.0.0

minor-中版本號 v0.1.0

patch-小版本號 v0.0.1

github

finish

Atom 外掛程式製作教程

使用了下現有的markdown外掛程式,發現並不能很好的滿足我的需求,於是便萌發了手動造乙個輪子的想法。當前版本atom 1.12.6 atom推薦方式是使用package generator這個外掛程式來建立指令碼。使用命令面板 command window shift p,輸入generator...

Atom高效外掛程式

sync settings安裝及配置參考如下鏈結進行 sync setttings 外掛程式 備份神器 使用方法 sync settings restore 拉取遠端gist中的配置,直接覆蓋本地配置 sync settings backup 備份當前的配置到gist sync settings v...

atom常用外掛程式

author 母虎忠 日期 june 14,2019 1 markdown preview enhanced 這個號稱最全markdown外掛程式,可算是整合了所有用得到的和用不到的功能,強大的有些許過分,有時候會造成寫markdown的時候卡頓 2 atom beautify 寫 寫的不好看,縮排...