成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JS/React 開發(fā)者的 Atom 終極配置

LiangJ / 1921人閱讀

摘要：開發(fā)者的終極配置原文作者原文鏈接根據(jù)多年以來(lái)不斷完善配置的經(jīng)驗(yàn)，決定這次給也來(lái)一個(gè)大改造。快捷鍵幫助開發(fā)人員在不同的編輯器之間保持一致的編碼風(fēng)格。一組專注，用于優(yōu)化現(xiàn)代開發(fā)生產(chǎn)力的命令集，目標(biāo)是符合推薦的代碼規(guī)范。

JS/React 開發(fā)者的 Atom 終極配置 
原文作者：Elad Ossadon


原文鏈接：The Ultimate Atom Editor Setup (+for JS/React)

根據(jù)多年以來(lái)不斷完善 Sublime Text 配置的經(jīng)驗(yàn)，決定這次給 Atom 也來(lái)一個(gè)大改造。這個(gè)過(guò)程花費(fèi)了好幾個(gè)月的時(shí)間，但成果還是很卓有成效的，我現(xiàn)在非常滿意這份配置。

這份清單將分為實(shí)用工具和 React 專用，并涉及到快捷鍵綁定。

實(shí)用工具 atom-beautify

可以在 Atom 中 美化 HTML，CSS，JavaScript，PHP，Python，Ruby，Java，C，C ++，C＃，Objective-C，CoffeeScript，TypeScript，Coldfusion，SQL等。

快捷鍵：?+?+B

prettier-atom

使用 Prettier 來(lái)格式化 JavaScript 代碼，配有強(qiáng)大的 ESlint 集成。

快捷鍵：?+?+F

atom-transpose

Atom 的轉(zhuǎn)置更像是字符串翻轉(zhuǎn)。在 Sublime 可以將選中的兩個(gè)字符串進(jìn)行交換，看起來(lái)更有用。

快捷鍵：?+T

case-keep-replace

使用這個(gè)插件可以在替換文本的時(shí)候可以保留原來(lái)的命名風(fēng)格。

快捷鍵：?+?+R

change-case

一個(gè)可以快速改變當(dāng)前選擇文本命名方式的工具。比如可以從 camelCase 轉(zhuǎn)換到 snake_case 等。

快捷鍵：?+K ?+C/S

copy-path

可以靈活地復(fù)制文件路徑。

duplicate-line-or-selection

重復(fù)選擇文本或者重復(fù)一行，跟 Sublime Text 的行為一致，Atom 可以重復(fù)一整行。

快捷鍵：?+?+D

editorconfig

幫助開發(fā)人員在不同的編輯器之間保持一致的編碼風(fēng)格。

file-icons

Atom 的文件特定圖標(biāo)插件，便于區(qū)分不同文件類型。

git-plus

VIM 風(fēng)格的 git 插件，在沒有終端命令行的時(shí)候進(jìn)行提交等其他 git 操作。

highlight-selected

通過(guò)雙擊一個(gè)詞來(lái)高亮整個(gè)文件相同的詞。

local-history

用于維護(hù)本地文件歷史的插件（對(duì)代碼文件進(jìn)行更改的歷史記錄）。

project-manager

輕松訪問(wèn)所有項(xiàng)目，還能對(duì)項(xiàng)目特定設(shè)置和選項(xiàng)進(jìn)行管理。

快捷鍵：?+?+P

atom-reveal-file-in-finder

可以在工作區(qū)或者文件選項(xiàng)卡上打開文件到 Finder 上，快捷命令已經(jīng)添加到 ?+?*+P 。

快捷鍵：?+?+P

related

related 提供了訪問(wèn)與當(dāng)前打開的文件相關(guān)的文件的快速方式。 例如，在 .js 和 .spec.js 文件之間切換。

快捷鍵：?+?+ R

我的 JS 關(guān)聯(lián)配置 (Menu > Packages > Related > Edit related patterns):

"([^/]+)(?!.spec).js(x?)$": [
  "tests/$1.spec.js$2#create",
]
"tests/(.+).spec.js(x?)$": [
  "$1.js$2",
]
set-syntax

一種簡(jiǎn)單的命令方式來(lái)設(shè)置當(dāng)前文件語(yǔ)法，與 Sublime 類似。

快捷鍵：?+?+P

sort-lines

排序/刪除重復(fù)行。

sublime-style-column-selection

alt +單擊跨行選擇文本塊，每行都有插入符號(hào)。

快捷鍵：?+Drag

tab-foldername-index

可以替換 TAB 標(biāo)簽內(nèi)容的插件，在打開相同文件名的文件時(shí)保證更高的可讀性。

sync-settings

跨 Atom 實(shí)例同步設(shè)置，鍵盤映射，用戶樣式，初始化腳本，代碼段和已安裝的軟件包。 我將所有設(shè)置備份到 Gist 并在工作/個(gè)人計(jì)算機(jī)之間進(jìn)行同步。

toggle-quotes

快速切換字符串的單引號(hào)和雙引號(hào)。

快捷鍵：?+?+’

atom-spotify2

在 Atom 狀態(tài)欄中顯示在 Spotify 中當(dāng)前播放歌曲。 不是必要的，但很有趣。

HTML/CSS/JS/React Specific Packages atom-ternjs

使用 Tern 為 Atom 提供 JavaScript 代碼智能提示，支持 ES5，ES6，ES7，Node.js，jQuery，Angular等。

atom-wrap-in-tag

為選擇的文本增加標(biāo)簽。

快捷鍵：?+?+W

autoclose-html

自動(dòng)添加關(guān)閉標(biāo)簽。

autocomplete-modules

自動(dòng)補(bǔ)全 require/import 聲明。

color-picker

很厲害的顏色選擇器。

快捷鍵：?+?+D

docblockr

更容易的方式寫文檔注釋。

使用方式： /**

emmet

一個(gè)大大提高 HTML 和 CSS 工作流程的插件。 關(guān)于 Emmet

emmet-jsx-css-modules

適用于 css 模塊的 emmet 工具。 .foo 現(xiàn)在將擴(kuò)展為

，而不是
。

es6-javascript

一組專注 ES6，用于優(yōu)化現(xiàn)代 JavaScript 開發(fā)生產(chǎn)力的命令集， 目標(biāo)是符合 Airbnb 推薦的代碼規(guī)范。

js-hyperclick & hyperclick

點(diǎn)擊跳到變量或者 import 定義，js-hyperclick 依賴于 hyperclick。

pigments

在項(xiàng)目文件中顯示顏色。

linter-eslint

插件 Linter 為 eslint 提供 UI 接口，用于對(duì) JavaScript 文件進(jìn)行靜態(tài)檢查。

tree-view-copy-relative-path

允許從 tree view 復(fù)制文件的相對(duì)路徑。

lodash-snippets

在 Atom 中快速使用 lodash 的代碼提示。

language-babel

支持 JavaScript ES201x，React JSX，F(xiàn)low和GraphQL語(yǔ)法。

react-es7-snippets

React ES7 snippets for atom

atom-jest-snippets

Jest 測(cè)試提示

我的主題 UI Theme: one-dark-ui Syntax Theme: dracula-theme Install EVERYTHING! 
apm install atom-beautify prettier-atom atom-spotify2 atom-transpose case-keep-replace change-case copy-path duplicate-line-or-selection editorconfig file-icons git-plus highlight-selected local-history project-manager related set-syntax atom-reveal-file-in-finder sort-lines sublime-style-column-selection tab-foldername-index sync-settings toggle-quotes atom-wrap-in-tag atom-ternjs autoclose-html autocomplete-modules color-picker docblockr emmet emmet-jsx-css-modules es6-javascript js-hyperclick hyperclick pigments linter-eslint tree-view-copy-relative-path lodash-snippets language-babel react-es7-snippets atom-jest-snippets one-dark-ui dracula-theme

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/83256.html

相關(guān)文章

  • 前端周刊第55期：10X 程序員？

    摘要：本文作者王仕軍，商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。想知道我接下來(lái)會(huì)寫些什么歡迎訂閱我的掘金專欄或知乎專欄前端周刊讓你在前端領(lǐng)域跟上時(shí)代的腳步。 showImg(https://segmentfault.com/img/remote/1460000009407536?w=592&h=314); 共 2127 字，讀完需 4 分鐘。我本周讀到 1 篇比較有趣的文章叫做《Th...

    KaltZK 評(píng)論0 收藏0

  • 2016-JavaScript之星

    摘要：在，是當(dāng)之無(wú)愧的王者，贏得了與之間的戰(zhàn)爭(zhēng)，攻陷了的城池。于月發(fā)布了版本，這一版本為了更好的表現(xiàn)加入了渲染方式。前端框架這個(gè)前端框架清單可能是年疲勞的元兇之一。的創(chuàng)建者，目前在工作為尋找構(gòu)建簡(jiǎn)單性和自主配置性之間的平衡做了很大的貢獻(xiàn)。 春節(jié)后的第一篇就從這個(gè)開始吧~本文已在前端早讀課公眾號(hào)上首發(fā) 原文鏈接 JavasScript社區(qū)在創(chuàng)新的道路上開足了馬力，曾經(jīng)流行過(guò)的也許一個(gè)月之后就過(guò)...

    Binguner 評(píng)論0 收藏0

  • (譯 & 轉(zhuǎn)載) 2016 JavaScript 后起之秀

    摘要：在年成為最大贏家，贏得了實(shí)現(xiàn)的風(fēng)暴之戰(zhàn)。和他的競(jìng)爭(zhēng)者位列第二沒有前端開發(fā)者可以忽視和它的生態(tài)系統(tǒng)。他的殺手級(jí)特性是探測(cè)功能，通過(guò)檢查任何用戶的功能，以直觀的方式讓開發(fā)人員檢查所有端點(diǎn)。 2016 JavaScript 后起之秀 本文轉(zhuǎn)載自：眾成翻譯譯者：zxhycxq鏈接：http://www.zcfy.cc/article/2410原文：https://risingstars2016...

    darry 評(píng)論0 收藏0

  • 聽說(shuō)2017你想寫前端？

    摘要：前端的工作更具有挑戰(zhàn)性，方向更多樣化假設(shè)我今年要入前端開發(fā)的坑這里強(qiáng)調(diào)前端是因?yàn)?，現(xiàn)在很多，安卓開發(fā)加入大前端的這個(gè)稱呼。安卓版微信在截稿之前是大概的版本最新是并且持續(xù)了年不變，據(jù)說(shuō)是為了穩(wěn)定。 作者：Jay（滬江開發(fā)工程師）本文為原創(chuàng)文章，轉(zhuǎn)載請(qǐng)注明作者及出處 不好意思，沒有像其他公眾號(hào)一樣趕著發(fā)文章，每年到這個(gè)時(shí)候總有一大波什么今年前端預(yù)測(cè)，技術(shù)框架預(yù)測(cè)什么的。我這次寫這篇文針對(duì)的...

    legendmohe 評(píng)論0 收藏0

  • 聽說(shuō)2017你想寫前端？

    摘要：前端的工作更具有挑戰(zhàn)性，方向更多樣化假設(shè)我今年要入前端開發(fā)的坑這里強(qiáng)調(diào)前端是因?yàn)?，現(xiàn)在很多，安卓開發(fā)加入大前端的這個(gè)稱呼。安卓版微信在截稿之前是大概的版本最新是并且持續(xù)了年不變，據(jù)說(shuō)是為了穩(wěn)定。 作者：Jay（滬江開發(fā)工程師）本文為原創(chuàng)文章，轉(zhuǎn)載請(qǐng)注明作者及出處 不好意思，沒有像其他公眾號(hào)一樣趕著發(fā)文章，每年到這個(gè)時(shí)候總有一大波什么今年前端預(yù)測(cè)，技術(shù)框架預(yù)測(cè)什么的。我這次寫這篇文針對(duì)的...

    lifefriend_007 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<