小編給大家分享一下分享atom一些常用的插件，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)公司長(zhǎng)期為上千余家客戶(hù)提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為方山企業(yè)提供專(zhuān)業(yè)的成都做網(wǎng)站、成都網(wǎng)站建設(shè)，方山網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

對(duì)于atom的使用，也是一次偶然，之前一直使用sublime，對(duì)于sublime的一些快捷使用也是比較熟悉了，換了一家公司，公司都在使用atom，入鄉(xiāng)隨俗吧，也改玩atom。

發(fā)現(xiàn)atom還是很不錯(cuò)，和sublime很像，很多package都很全，具體的一些介紹，大家可以自己慢慢看。

現(xiàn)在給大家說(shuō)一些常用的插件：

提示：有時(shí)候安裝會(huì)失敗，那就換個(gè)思路：

1.找到C:/Users/你的用戶(hù)名/.atom/packages/文件夾內(nèi)

2.在.atom packages 目錄下 使用gitbash

3.git clone xxxxx/atom-beautify.git    (github上插件的地址)

3.cd .atom-beautify （進(jìn)入下載好的插件的目錄）

4.npm install

5.完成（別忘了重啟atom）

在介紹插件之前，先說(shuō)一下安裝插件的位置：Packages > Settings View > Install Packages/Themes

1.Sync Settings

搭配github，同步你的atom插件信息，配置信息，讓你輕松實(shí)現(xiàn)一臺(tái)電腦配置，多臺(tái)電腦共享。

2.Emmet

能夠基于Emmet語(yǔ)法產(chǎn)生HTML，做過(guò)前段開(kāi)發(fā)的不會(huì)不知道這個(gè)插件吧。好用到哭。

3.Atom Beautify

代碼格式化工具，可以設(shè)置在保存時(shí)自動(dòng)格式化，別提有多方便了。支持html，css，javascript，java，go等等，反正常見(jiàn)的語(yǔ)言基本都支持了。

配置：

選擇你要配置的語(yǔ)言，我選擇的是vue

4.Autocomplete Paths

自動(dòng)補(bǔ)全文件路徑，這個(gè)功能肯定使用嘛，完全避免了路徑輸入錯(cuò)誤帶來(lái)的bug。

5.Auto close HTML

自動(dòng)輸入對(duì)應(yīng)的HTML關(guān)閉標(biāo)簽，雖然簡(jiǎn)答但是實(shí)用。

6.Minimap

這個(gè)插件不用介紹了吧，從sublime開(kāi)始，一直使用。從未遺忘。

7.color-picker

取色器，讓你在代碼編寫(xiě)去直接打開(kāi)取色板，拾取顏色。

8.vim-mode

vim死忠粉必備插件。

9.git-plus

讓你輕松的在編輯器里管理你的git項(xiàng)目，各種常用git功能，信手拈來(lái)。

10.file-icons

很簡(jiǎn)單，為不同類(lèi)型的文件添加一個(gè)漂亮的小圖標(biāo)，顏控開(kāi)發(fā)者必備。

11.docblockr

文檔化注釋?zhuān)愣?，團(tuán)隊(duì)協(xié)作規(guī)范注釋必備插件。

12.Linter Jshint

幫助你編寫(xiě)專(zhuān)業(yè)的js代碼，js開(kāi)發(fā)者必備插件。

推薦安裝這些，其他的再按個(gè)人需求。

都裝完了，react開(kāi)發(fā)，代碼高亮完全沒(méi)問(wèn)題，有圖為證

但是vue呢，試一下嘍，全灰，沒(méi)有一絲雜色，淚流滿(mǎn)面，想辦法解決，

安裝

安裝完成，完美，再看代碼，再次淚流，只有標(biāo)簽是高亮的，語(yǔ)法呢，還是灰的

這不是我想要的，我想要的是語(yǔ)法也要高亮。

繼續(xù)，實(shí)現(xiàn)vue 語(yǔ)法高亮

1.選擇

文件 》用戶(hù)鍵盤(pán)映射 》keymap.cson文件（File 》 KeyMap... > keymap.cson）

2. 在文件末尾添加（注意: 如果配置文件中已經(jīng)有'atom-text-editor[data-grammar~="vue"]:not([mini])':的其他配置, 那么要在其他配置的下面直接添加'tab': 'emmet:expand-abbreviation-with-tab', 而不能直接添加下面的兩行, 不然會(huì)報(bào)錯(cuò)）

'atom-text-editor[data-grammar~="vue"]:not([mini])':

'tab': 'emmet:expand-abbreviation-with-tab'

如圖：

重新退出atom，再啟動(dòng)，我們要的效果來(lái)了，和sublime基本一樣

最后，英語(yǔ)不好的同學(xué)，想要漢化版，就用下圖這個(gè)插件：

看完了這篇文章，相信你對(duì)“分享atom一些常用的插件”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

本文名稱(chēng)：分享atom一些常用的插件
分享地址：http://aaarwkj.com/article14/gpjide.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、Google、企業(yè)網(wǎng)站制作、手機(jī)網(wǎng)站建設(shè)、App開(kāi)發(fā)、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)