1. 程式人生 > >ATOM 編輯器使用心得

ATOM 編輯器使用心得

這久一直在找合適自己的編輯器,總是感覺不同的編輯器有不同的好處和壞處,希望能夠有一個結合大家之所長,結果呢發現了一款不錯的編輯器,雖然不是自己所想的但是還不錯,接到給大家,和一些自己使用的心得!

編輯器的名稱叫ATOM

ATOM:一個21世紀的一個黑客文字編輯器(是不是這樣只有自己試過才知道)

連線地址:https://atom.io/

安裝步驟:官方下載,之後是一個.exe檔案,很小,解壓之後是通過C盤執行,然後純英文(這裡是我不喜歡的,因為我英文很差)

使用教程(針對初學者,或者是嘗試者)

漢化:chinakids的程式設計師寫了一個名為 simplified-chinese-menu的漢化包,開啟 packages –setting views–open –install 搜尋simplified-chinese-menu進行安裝即可漢化。



然後點選安裝(右邊Install);這個漢化我要說一點,雖然我知道人家也不容易,但是你要漢化,就弄全部都漢化,結果呢,別的地方還是有英文,特別的右鍵選單。


針對前端我介紹下外掛(因人而異,大家可以安裝別的外掛看看)

方式:擴充套件 - 介面設定 - 安裝外掛/主題 輸入外掛的名稱,安裝重啟即可;

外掛介紹:

檔案路徑自動提示:autocomplete-paths


html頁面預覽:atom-html-preview


bootstrap3程式碼提示外掛:atom-bootstrap3


該外掛能對一個物件中擁有的對外提供的屬性和方法都能通過suggest的形式提示出來,能對一個物件對外提供的介面有一個選擇過程,理解為js程式碼自動提示:atom-ternjs


html標籤自動比較:autoclose-html


file-types用來區分檔案型別的,file-types-icon用來給不同的問題型別新增不同的圖示:
file-types和file-types-icon


Emmet外掛(操作輸入html:5在按一下tab鍵){加快web開發速度,提供snippet(程式碼片段)、abbreviation expand(簡寫展開)功能 }



程式碼高亮:quick-highlight   platformio-ide-terminal


快速的開啟檔案或新建檔案,同時支援路徑補全:advanced-open-file 


檢查CSS是否正確: csslint 


js補全:Linter Jshint


文件化註釋:docblockr


程式碼小地圖:minimap


程式碼輸入時有效果:tortoise-svn

程式碼對齊線:(設定-編輯器設定-顯示縮排指示線)


自動換行:(在設定裡面有個編輯器設定,裡面有個自動換行,打鉤)

感覺:

用了三四天的感覺,還行,他的外掛功能很強大,UI設計橫漂亮,功能上有點像sublime編輯器,但是有些功能上又是很忒別,但是有些地方感覺沒有別的編輯器靈活,看個人了,畢竟編輯器只是輔助工具,主要還是看自己的習慣。

相關推薦

ATOM 編輯使用心得

這久一直在找合適自己的編輯器,總是感覺不同的編輯器有不同的好處和壞處,希望能夠有一個結合大家之所長,結果呢發現了一款不錯的編輯器,雖然不是自己所想的但是還不錯,接到給大家,和一些自己使用的心得! 編輯

新手學習配置atom編輯進行安裝插件如script

http 點擊 tro cnblogs 新手學 img png java 出現   本人想學一些關於node.js、javascript,初識atom編輯器,通過網上了解到atom編輯器可以支持很多插件。出於通過atom想單獨調試javacript代碼的目的,就想安裝scr

Atom編輯折騰記

下載安裝 側邊欄 ont con atom編輯器 功能 view reac 修復 http://blog.csdn.net/bomess/article/category/3202419/2 Atom編輯器折騰記_(1)介紹下載安裝 Atom編輯器折騰記_(2)基

Atom編輯中預覽markdown

img ron mage 技術 bsp mark com bubuko str Atom 是原生支持markdown語法的,並支持實時預覽 快捷鍵:ctrl + shift+m 效果: Atom編輯器中預覽markdown

Linux下安裝Atom編輯

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

ATOM編輯常用快捷鍵大全

檔案切換 ctrl-shift-s 儲存所有開啟的檔案 cmd-shift-o 開啟目錄 cmd-\ 顯示或隱藏目錄樹 ctrl-0 焦點移到目錄樹 目錄樹下,使用a,m,delete來增加,修改和刪除 cmd-t或cmd-p 查詢檔案 cmd

以太坊學習(五)--ubuntu下安裝atom編輯

在你的Ubuntu安裝AtomPPA安裝,開啟終端使用以下命令安裝:sudo add-apt-repository ppa:webupd8team/atom sudo apt-get update sudo apt-get install atom 解除安裝Atomsudo apt-get remove at

atom編輯快捷鍵

挑來挑去,還是決定選擇atom,做為我的程式設計編輯器。下面是我總結的atom快捷鍵。 //1.atom cmd+,; 設定 cmd+h; 隱藏程式 cmd+alt+h; 隱藏其他程式 //2.檔案 cmd+n; 新建檔案 cmd+shift+n; 在新視窗中新建檔案 cm

Atom編輯在windows下怎麼更改安裝路徑

作為一個有良(mei)知(qian)的程式設計師,也不能老是用和諧版的source insight。 而且source insight也不是十分的完美,本身有一些缺陷。 比如說中文的支援,比如說反應很慢的自動完成。 準備試試各種編輯器,看能不能找到替代的。 先從最近比較火

Atom編輯漢化成中文版

Atom 是 Github 專門為程式設計師推出的一個跨平臺文字編輯器。小松今天看到了這個編輯器,而且感覺不錯,推薦一下 Atom官方網站https://atom.io/ GitHub 以後肯定會通過官方模組把 Atom 和 GitHub 進行深度整合,讓開發者因為 A

atom編輯顏色外掛推薦 color-picker 以及把這個外掛放大

在mac下面用快捷鍵切換到photoshop下面老是有點卡頓,另外,在ps開啟調色盤之後,還容易切換不過去。這有點讓我煩惱,關鍵的是,為了調個顏色還要開個ps,是在浪費。因此,想找個軟體。 很容易就找到了 color-picker 這款外掛,非常好用。快捷鍵為

Atom編輯折騰記_(14)JQ程式碼片段補全(外掛:Jquery-snippets)

題外話 一款好的程式碼片段外掛可以提高我們寫程式碼的效率.這是一個不爭的事實; 今天,我要推薦的這一款,就是可以快速寫JQ的外掛 外掛作者: james2doyle 直入主題,最簡易的安裝方式,進入設定中心搜尋Jquery-snippets -

為什麼atom編輯的autocomplete-paths外掛沒有效果?

QQ群:541503677折騰了大半天,最後發覺其實並沒有什麼特殊的地方。主要是以下兩種情況:本地專案擁有遠端倉庫:.gitignore配置node_modules,這樣啟動本地專案的時候,Atom不會讀取node_modules資料夾。本地專案沒有建立遠端倉庫:截圖如下

Atom 編輯實現HTML實時預覽

基礎實現: 快捷鍵 在編輯框中按 Ctrl + Shift + M 可以開啟原生預覽。(不帶CSS樣式) 外掛實現:atom-html-preview 點選File->settings–>install-> 搜尋 atom-html-p

Atom 編輯外掛配置

1. 外掛基礎 由於 UNIX 一起皆檔案。將整個 .atom 配置資料夾放到 github 上有一個很大的好處,就是你更改了任何配置,github 上都會顯示出確切的檔案修改,非常有助於初學者的學習。當然,還有利於在不同平臺切換的時候,可以匯入匯出配置。

Atom編輯入門到精通(八) Markdown支援 (下)

原創時間:2016-12-08 更新時間:2016-12-10 在上一章中我們瞭解了原生Atom對Markdown的支援, 這一講我們一起學習如何使用更多的外掛讓Atom更好地支援Markdown檔案. Markdown-Writer 如果你跟我一樣

Atom 編輯在新的標籤頁(tab)開啟檔案

前言 因為最近在學習Git,檢視文件的時候,接觸到了markdown文件,於是在網上查找了好多markdown的編輯器。個人比較喜歡的是typora,一款簡潔美觀的markdown編輯器。 然而,當要檢視一個比較大的專案時,需要在程式碼和檔案之間頻繁轉換,使

Atom編輯折騰記_(2)基礎瞭解使用

啟動介面 選單欄-分為六大塊: File — 檔案的儲存開啟,專案的儲存開啟,最後一次的專案載入,關閉及設定中心,以及使用者自定義的配置(配置檔案,初始化指令碼,樣式風格,程式碼片段,快捷

Atom編輯外掛安裝

Atom編輯器做的非常酷炫,尤其是外掛眾多。之前就介紹過一個非常裝逼的外掛。 這幾天Atom編輯器出了問題,無法安裝外掛。連已有的外掛都無法搜尋出來。無奈之下,只好重灌。 沒有解除安裝原有版本。直接去官網下載安裝包,安裝過程全自動,沒有任何選擇項。自動覆蓋之

ReactNative的Atom編輯

工欲善其事, 必先利其器. ReactNative作為Facebook貢獻的庫, 裡面有些定製的東西. 官方推薦Atom+Nuclide, 那麼就嘗試一下Atom. 在測試過程中, 發現安裝Nuclide之後, Atom編輯器特別卡頓, 原因不明, 所以又測試