適合開發者用的大綱筆記軟件

最近開發了一款適合本身用的大綱筆記軟件 Awesome Outliner。這篇文章分享本身爲何要開發這樣一款軟件。前端

緣起

開發者在開發軟件,閱讀開源代碼,看文檔和博客學習技術,準備面試資料的過程當中,會常常藉助筆記類軟件或者博客來整理本身的思路,將學到的知識進行歸檔,將本身的經驗和想法進行歸檔。每一位開發者都有着本身喜歡用的筆記類軟件,或者寫博客來進行歸檔。react

對於我我的而言,我最開始用的筆記軟件是有道雲筆記,後來換到了Microsoft Notes, 後來換到了大綱類筆記軟件幕布。在使用了大綱類筆記軟件以後,我感受到本身的工做效率有了明顯的提高。後面我會結合我工做中的常見的場景來分享爲何大綱類筆記軟件提高了個人工做效率。以及現有的大綱筆記軟件還有什麼知足不了個人需求的地方。git

場景

場景一:看文檔和博客學習

對於某項新技術的剛入門者,在開始入門的時候,總會免不了要看大量的文檔和博客來進行學習。在學習的過程當中,如何對知識進行歸檔,方便後面進行查閱和鞏固呢。github

有的人偏好寫博客,用寫博客的方式來學習新技術有不少好處,比方說能夠博客易於傳播,互聯網上面的其餘人看到了或許也對他們有幫助。面試

可是對於我我的而言,用寫博客的方式來學習新技術不是適合個人方式,由於在學習過程當中不少知識都是官方文檔裏面或者其餘人博客裏面寫了不少的,我若是在學習過程當中還把這些東西寫成博客,感受是一種重複和簡單搬運,對我而言價值不大。並且博客以平鋪文字的展現方式,對於我後面在查找和複習的時候,依然不可以幫助我快速的查看要點。在嘗試了市面上不少筆記軟件以後,我選擇了大綱類筆記軟件來應對看文檔和博客學習新技術這個場景。編輯器

大綱類筆記軟件主要分析兩個: 幕布和DYNALIST。函數

幕布

首先來看幕布,幕布是國人開發的outliner軟件,覆蓋網頁,PC,Mac,iOS,Android多平臺,能夠說是全平臺覆蓋。學習

下面看我在學習react的過程當中使用幕布記的一些筆記:3d

以react 生命週期這個條目在做爲示例,大綱筆記以很是直觀和條理清楚的形式展現了知識結構,能夠快速的展開摺疊進行查閱和複習。cdn

以學習react技術爲例,能夠把關於react的全部知識點都放到同一個文檔中。在編輯的過程當中又能夠進入某個子項,在視圖中顯示以這個子項爲根節點。

在文檔編輯器的上方(我框出的紅色區域),能夠跳轉到上層的任何節點。

幕布支持直接複製剪切板的圖片到編輯項裏面。

支持以思惟導圖的方式進行查看

單個條目還支持添加描述項

總結來講,幕布的優勢多多,但現階段也仍是有一些功能沒有,比方說對於單個文檔,不支持收藏文檔內部的某個條目,對於條目的描述項,把IDE裏面的代碼或者網頁上面的代碼複製進去,全部的代碼高亮信息會丟失,因此我在使用過程當中貼代碼通常都會用截圖的方式。

DYNALIST

DYNALIST 相對於幕布,我認爲有價值的功能有支持收藏文檔內部的某個條目,其餘方便大同小異。把IDE裏面的代碼或者網頁上面的代碼複製進去,一樣全部的代碼高亮信息會丟失。

場景二:輔助閱讀本身不熟悉的代碼

在閱讀開源項目的代碼時,剛開始的時候,對代碼裏面參數的含義,函數的意義,以及函數之間的相互調用關係可能都不是很清楚。

我在閱讀開源項目代碼的時候,會使用大綱筆記軟件輔助我更有效率的搞清楚這些。

比方說我在閱讀d3.js這個開源項目的過程當中,使用幕布這款軟件作的一些筆記,輔助我弄清楚對代碼裏面參數的含義,函數的意義。

在閱讀react源碼的過程當中,輔助我理清楚render 函數的調用流程

由於幕布和DYNALIST 在粘貼從IDE裏面複製進去的代碼時,都會丟失代碼的高亮信息。用圖片來貼代碼在使用時總會有點不爽。

場景三:開發軟件過程輔助本身整理思路,列todolist

這個使用場景以我本身開發的軟件來進行做爲例子,能夠把大綱筆記軟件當todolist來進行使用

不足

雖然大綱筆記類軟件極大的提高了我工做和學習的效率,但現有的大綱筆記軟件也有不少我想要的功能暫時尚未實現。比方對於我我的而言,特別有用的粘貼代碼的功能,以富文本編輯器的形式來編輯描述項的功能。

最後

爲了實現本身的特別需求,同時爲了將這段時間自學react 和各類前端開發的技術得以運用,我本身開發了一款知足本身需求的大綱筆記軟件。我暫時給這個軟件取了個名字叫Awesome Outliner. 這款軟件目前已經完成了部分功能,但還處於開發當中,不少功能還不完善,後面會慢慢添加。軟件的下載地址是https://github.com/awehook/awesome-outliner-package/releases。軟件的具體使用說明見https://github.com/awehook/awesome-outliner-package 裏面的README。

軟件的界面長這樣:

我會把開發這款軟件過程當中所開發的一些庫開源出來,但軟件自己的代碼目前沒考慮要開源。目前開源了一個思惟導圖的庫blink-mind-react,這個庫目前狀態尚未穩定,還在繼續添加新功能和調優。

相關文章
相關標籤/搜索