一般來說,下載數量較高的插件往往能夠給你帶來驚喜。點擊搜索出來的插件項中的Install按鈕,即可下載。
知道如何搜索插件之后,下面我來一一介紹我將要用來武裝markdown的插件。
markdown預覽。目前已經有25萬的下載量,是markdown的基本功能,與簡書的預覽功能一模一樣。支持與github上100%一致的轉換語法,與簡書的語法基本保持一致,功能上比簡書更加強大,能夠識別更多的語法操作。
如何使用? 按ctrl + shift + p
彈出搜索框,然后搜索markdown preview
,然后點擊enter即可使用.
實時滾動預覽插件。該插件能夠實現的效果,剛好就是簡書所缺乏的。真的希望簡書能夠早一點將該功能開發出來。寫作的時候,大大的提高了觀看預覽效果的效率。舒心了許多。
美化markdown顯示。功能介紹是這樣說的 Uses tidy-markdown to fix and reformat ugly Markdown. 推薦給對審美有追求的使用者,無追求的可以忽略。
當打開一個markdown文件時,自動打開預覽界面。很實用貼心的小功能。
這是一個神奇而且令人驚喜萬分的插件。
他令人驚訝與驚喜的地方就在于,他讓公眾號使用markdown發表文章成為可能。
也許你在很長一段時間,都在被公眾號的排版所困擾。而這個插件,卻無意間解決了這個問題。
該插件只適用于chrome瀏覽器。我們首先需要在chrome中安裝atomic插件。
若要安裝chrome插件需要FQ,因此這里給大家推薦一款FQ軟件。目前為止見過的最穩定的VPN。建議熱愛學習的去買個年費,如果不需要的就買個5塊錢的試用期。具體操作按照網站的幫助中心的文章指南操作。
然后在Atom中搜索到atomic chrome
插件然后install。重啟Atom,就可以試用該插件的功能了。
那么這個插件有什么作用呢?
在chrome瀏覽器中,隨便找到一個編輯框,這里大家可以以微信公眾號后臺的文章編輯頁面為例,選中編輯框之后,點一下chrome右上角的atomic插件按鈕,會自動在atom中彈出一個markdown文件,然后我就可以在atom中編輯文章內容了。文章內容會實時顯示在微信公眾號的編輯頁面中。官方的gif圖示如下。
但是這還沒有完。當我們使用markdown語法編輯文章之后,微信后臺是不支持markdown語法的,因此為了將markdown文件轉換成讀者可閱讀的模式,我們還需要一個一鍵轉換的插件。Markdown Here。
下載地址: markdown here
選中微信文章編輯框 -->
點擊chrome右上角的atomic插件。這時會在Atom編輯器中自動新建一個md文件。-->
在Atom新建的md文件中編輯你的文章內容。在頁面中,微信編輯框中的內容自動實時刷新 -->
文章編輯完成之后,在頁面中選中微信編輯器,然后點擊chrome右上角的markdown here插件,這樣就會生成下圖內容。如果你已經編輯完成沒有修改,就可以保存文章然后發推送了。
到這里,一個完全形態的markdown編輯器基本就已經打造完成了。比簡書更加優秀,功能更加強大的編輯器。
支持實時預覽,實時滾動預覽,在微信公眾號上發表文章等寫作必備技能。
當然,你還可以繼續擴展markdown的功能。在Atom中仔細尋找,你還會發現諸如,圖片粘貼功能的插件,導出為pdf功能的插件,markdown語法增強版插件,markdown快捷鍵增強版插件等。
這些就留給大家自己去探索吧。
Atom的包管理器足夠強大也足夠方便。上面我們看到了當我們想要找到markdown相關的插件,我們只需要搜索對應關鍵字即可。那么要尋找到其他功能的插件,自然也是搜索對應的關鍵字啦。
搜索如圖
我們可以從插件的功能介紹,下載數量,以及自身的體驗效果來確定這些插件是否符合自己的需求,尋找到一款最滿意的插件。
而且不同方向的開發人員對插件的需求是不一樣的,盲目安裝許多插件只會增加Atom的體積,因此我們只需要找到自己需要的插件就可以啦。
熟練使用快捷鍵,是程序員的必修課。Atom內置的快捷鍵列表,極大地方便我們搜索和查看快捷鍵。讓用戶不再茫然。
快捷鍵太多腫么辦?沒關系,查找功能輕松解決。
點擊側邊欄的keybindings,在彈出界面的搜索框中輸入markdown,就能找到所有與markdown有關的快捷鍵,如下圖。
按照設置界面的排列表格,列出幾個常用的快捷鍵,更多的可以詳細查看settings界面的列表
新安裝插件的快捷鍵也會在這個列表中顯示
快捷鍵 | 快捷鍵的功能 | 來源于哪一個插件 | 選擇器 |
---|---|---|---|
cmd + , | 顯示/隱藏設置界面 | core[核心] | body |
cmd + \ | 顯示/隱藏側邊欄 | nuclide file tree | xx |
cmd + p | 查找文件 | xx | xx |
cmd + o | 打開文件 | xx | xx |
cmd + 數字鍵 | 切換到第x個選項卡文件 | xx | xx |
cmd + shift + [ | 向左切換 | xx | xx |
cmd + shift + ] | 向右切換 | xx | xx |
cmd + k + 方向鍵 | 分屏操作 | xx | xx |
cmd + w | 關閉當前文件 | xx | xx |
cmd + ↑ | 移動到代碼頂端 | xx | xx |
cmd + ↓ | 移動到代碼底端 | xx | xx |
cmd + enter | 在上一行的任何位置換行 | xx | xx |
cmd + enter | 在上一行的任何位置換行 | xx | xx |
cm的 + d | 選擇整個單詞 | xx | xx |
關于分屏操作,在mac端是先按cmd + k,然后再按方向鍵,在windows端是ctrl + k + 方向鍵一起按。因為設置界面有詳細的快捷鍵列表,這里我就不再多說了,需要大家在使用過程中慢慢積累與熟練。
體驗一把炫酷的coding,只發圖,不多說。如果你下載了插件不知道如何運用,請按ctrl + shift + p
,彈出一個搜索框,然后查找這個插件,點擊enter就能使用了,還能看到該插件對應的快捷鍵。
html快速編寫神器。前端開發必備。如果你還不會emmet的語法,可以點擊查看
因為emmet已經出來很多年,所以網上的教程也很多,大家可以搜索學習一下。
js語法檢測插件
類似的還有htmlhint,csshint
git 操作的插件。目前已經有55萬的下載量,使用的人很多,會使用git的同學值得一試。與github深度契合。完美無缺。
使用一款可以隨時切換皮膚的編輯器是一種什么體驗?試試就知道。
Atom的外觀插件分為2個部分。一個是控制整個編輯器風格的插件。另外一個就是控制代碼高亮的插件,
我們可以在themes中搜索到自己喜歡的風格。很值得高興的是,這些風格都是用css來控制元素樣式的。如果你是一個前端開發者。你需要懂一點關于less語法的東西,那么你就可以很輕松的修改主題插件中的樣式了。
下面我介紹一下我最喜歡的幾款主題與高亮配色
目前個人最喜歡的英文字體: Source code pro.
據說是目前最火的UI皮膚,很漂亮。
在Atom剛出來的時候,憑借高顏值吸引了很多圍觀者,但是卡成為了一個很大的槽點。而1.0版本出來之后,這方面的問題就得到了很大的改善。目前Atom已經更新到了1.7版本,性能方面得到了很大的優化。說實話,Atom已經越來越快。并且一直在進步中。
對一個程序員來說,在服務端編輯文件還得使用vim。因此學習和掌握基本的vim指令還是必須的。下載一個vim mode插件,就能讓atom兼容vim。
對,就這2個字,免費。
到這里,Atom就已經集齊了所有優勢于一身,
免費 + 高顏值 + 簡單易學 + 功能強大 + 可以調教 + 可以整容 + 輕量級 + 性能卓越 ... ...
上手簡單,讓Atom能夠成為了一款優雅而低門檻的神器,深度可定制的特性,讓Atom在你的打磨之下,變得越來越符合你的心意。因此,無論你是用來寫作,還是用來寫代碼,這都是一款你值得擁有的神器。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com