ホームページ 開発ツール atom atom で一般的に使用される 40 以上のプラグインの推奨共有 (プラグインのインストール方法を含む)

atom で一般的に使用される 40 以上のプラグインの推奨共有 (プラグインのインストール方法を含む)

Dec 20, 2021 pm 04:14 PM
プラグイン atom

この記事では、よく使われる atom プラグインを 40 個紹介し、atom にプラグインをインストールする方法を添付します。

#ATOM でよく使用されるプラグインの推奨事項

##1. ATOM の概要 Atom は、GitHub によって開発されたオープン ソース コード エディターで、HTML、CSS、JS などのカスタム プログラミング言語をサポートします。シンプルで直感的なインターフェイス、サードパーティ製パッケージのインストールとマクロのサポートにより、プログラマーに深く愛されています。 [関連する推奨事項:

atom の使い方チュートリアル

]公式 Web サイトのリンク: https://atom.io/

2. ATOM でよく使用されるプラグ-in の推奨事項github で atom が公開されて以来、インストールして体験してきましたが、使用時間が増えるにつれて、よく使われるプラグインを徐々に集めていきました (ほとんどのプラグインは適切であるはずです)全員にとって、そして少数のプラグインは私にとってより適していると感じます。フレーバー)は、参考までにここにリストされています。

1. simplified-chinese-menu

Atom の簡体字中国語パッケージ。現在最も完全な中国語パッケージです。メニューの中国語化を含む、右クリック メニューの中国語化と中国語化の設定

##2、atom - beautify

コード形式のワンクリック美化。HTML、CSS、JavaScript、PHP、Python、Ruby、Java、C、C、C#、Objective などの複数の言語での書式設定をサポートします。 C、CoffeeScript、TypeScript、Coldfusion、SQL…

3、last-cursor-position

カーソルは自由に切り替え可能前/次回へ 編集位置

4、ミニマップ

模倣崇高なテキストの略語コードビュー、あなたがしたい場所検索は一目瞭然です。

#5. minimap-highlight-selected

選択したコンテンツをハイライト表示するミニマップを実現するには、最初の 2 つのプラグインをインストールする必要があります。 ins

6、activate-power-mode

画面振動効果、特殊効果付きタイピング、タイピング時のショック効果

7. カラー ピッカー

カラー ピッカー ツール、エディターで色を選択します

##8. Pigments

カラー表示プラグインは、エディターでコードによって表される色を直接表示できます。ツールは小さいですが、非常に実用的です。

9.ハイライト選択

コードの特定の部分を選択すると、同じコードが自動的にハイライト表示されます

10. emmet

HTML開発に必須の魔法、作業効率を大幅にアップWeb開発をスピードアップし、提供スニペット (コード スニペット) 、省略形の展開関数。

#11. docblockr

インテリジェントなコード コメントによりコメントがより標準化されます

#12. project-manager

保存されたプロジェクトをすばやく開く

13. autocomplete-paths

オートコンプリート ファイル パス

14、atom-react-native-autocomplete

react -native コード補完プラグ-in

##15, merge-conflicts

#Atom でマージされた競合ファイルを処理します

16. script

atom でスクリプトを実行し、複数の開発言語をサポートします。

17、ブラウザー プラス

エディター内蔵ブラウザー

18、ask-stack

アトムスタックオーバーフローでの簡単な質問

19、regex-railroad-diagram

正規表現グラフィカル

20、advanced-open-file

ファイルをすばやく開くか、新しいファイルを作成します、パス補完もサポート

21、クイックハイライト

##コードハイライト

##ステータスバーに見つかった数を表示します。

22、platformio-ide-terminal

ターミナル ツール

#23、ブラウザで開く

##インストールされているブラウザでコードを開きます

##コンテキスト メニューのブラウザ リスト

24、linter/ linter-eslint

コード エラー プロンプト、使用する必要があります対応するルール プラグインを使用します。例: linter-eslint (eslint ルールに従った JS コード インスペクション、リンター プラグインをインストールする必要があります)

25、autocomplete- paths

パスを入力するときにプロンプ​​トが表示されます

26、hyperclick / js-hyperclick

これら 2 つのプラグインを一緒に使用すると、IDE と同様に Ctrl クリックを実装し、変数関数が宣言または定義されている場所にジャンプできます。

ハイパークリックの例:

##s-ハイパークリックの例

27、崇高なスタイル-Column-Selection

部分選択プラグイン

28、file-icons

左 サイドツリービューの下、左側にファイルの種類に応じて異なるアイコンが表示されます。

#29、ツールバー

ツールバー プラグイン、他のプラグインと連携する必要があります

##30、flex-tool-bar

ツールバーありプラグイン、カスタム アイコンおよびイベント

31、atom-terminal-panel

atom 組み込みコマンド ライン ツール

32、言語-javascript-jsx/言語-babel

コードの強調表示、ES6、ES7、React JSXをサポート…

33、es6- javascript

ES6 コードのショートカット キー

34、react-snippets

react コードショートカットキー

# 35. atom-bootstrap3

bootstrap3 html自動補完プラグイン

#36. sync-settings

プラグインと構成のバックアップを防止するシステムを再インストールした後、プラグインを再度検索し、プラグインを自動的に直接ダウンロードして atom を構成する必要があります

37および atom-ternjs

は、複数の言語でのコード補完をサポートします。例: ES5、ES6 (JavaScript 2015)、Node.js、jQuery、Angular…

38 、vim-mode

はい、vim-mode は ex-mode プラグインと相対番号プラグインをインストールする必要があります。前者を使用すると、エディターは次のようなコマンドを完全にサポートできます。 :w:s; 後者は通常モードで相対行番号を実装できるため、vim を使用する人ならその重要性を自然に理解できるでしょう。

39、ターミナルプラス

cmdShiftt新しいコンソールを開く

ctrl`コンソールを開く/閉じる

##cmdshiftj/kコンソールを切り替える

さらに、ナビゲーション バーからコンソール ナビゲーションに名前を付けたり、色を設定したりすることもでき、非常に便利です。

40、tortoise-svn

svn プラグイン

41、Git/github

git-plus—ターミナルとエディターの間を行き来せずに Atom で Git コマンドを実行します

#git-control—gitpanel

tree-view-git-status—フォルダー git ステータス

設定:

要点-it— コードを gist.github.com にすばやく共有

##git-log

图形化git提交记录
ログイン後にコピー

#monokai(theme)

monokay主题
ログイン後にコピー

##3. プラグインのインストール方法

##ソフトウェアを開いてファイルをクリックします— 》設定—>インストール

テーマまたはプラグインを検索してインストールし、最後に「インストール」をクリックします。

[関連する推奨事項:「

atom チュートリアル

」]

以上がatom で一般的に使用される 40 以上のプラグインの推奨共有 (プラグインのインストール方法を含む)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

PyCharm 初心者ガイド: プラグインのインストールを徹底理解! PyCharm 初心者ガイド: プラグインのインストールを徹底理解! Feb 25, 2024 pm 11:57 PM

PyCharm は、開発者がより効率的にコードを記述できるようにする豊富な機能とツールを提供する、強力で人気のある Python 統合開発環境 (IDE) です。 PyCharm のプラグイン機構は、機能を拡張するための強力なツールであり、さまざまなプラグインをインストールすることで、PyCharm にさまざまな機能やカスタマイズ機能を追加できます。したがって、PyCharm の初心者にとって、プラグインのインストールを理解し、習熟することが重要です。この記事では、PyCharm プラグインの完全なインストールについて詳しく説明します。

Illustrator でのプラグインの読み込みエラー [修正] Illustrator でのプラグインの読み込みエラー [修正] Feb 19, 2024 pm 12:00 PM

Adobe Illustrator を起動すると、プラグインの読み込みエラーに関するメッセージが表示されますか?一部の Illustrator ユーザーは、アプリケーションを開いたときにこのエラーに遭遇しました。メッセージの後には、問題のあるプラグインのリストが続きます。このエラー メッセージは、インストールされているプラ​​グインに問題があることを示していますが、Visual C++ DLL ファイルの破損や環境設定ファイルの破損など、他の理由によって発生する可能性もあります。このエラーが発生した場合は、この記事で問題を解決する方法を説明しますので、以下を読み続けてください。 Illustrator でのプラグインの読み込みエラー Adob​​e Illustrator を起動しようとしたときに「プラグインの読み込みエラー」エラー メッセージが表示された場合は、次の操作を行うことができます。 管理者として

Chrome プラグイン拡張機能のインストール ディレクトリとは何ですか? Chrome プラグイン拡張機能のインストール ディレクトリとは何ですか? Mar 08, 2024 am 08:55 AM

Chrome プラグイン拡張機能のインストール ディレクトリとは何ですか?通常の状況では、Chrome プラグイン拡張機能のデフォルトのインストール ディレクトリは次のとおりです。 1. WindowsXP での Chrome プラグインのデフォルトのインストール ディレクトリの場所: C:\DocumentsandSettings\username\LocalSettings\ApplicationData\Google\Chrome\UserData\ Default\Extensions2. Windows7 の chrome プラグインのデフォルトのインストール ディレクトリの場所: C:\Users\username\AppData\Local\Google\Chrome\User

Edge ブラウザがこのプラグインをサポートしない理由に対する 3 つの解決策を共有します Edge ブラウザがこのプラグインをサポートしない理由に対する 3 つの解決策を共有します Mar 13, 2024 pm 04:34 PM

ユーザーが Edge ブラウザを使用する場合、より多くのニーズを満たすためにいくつかのプラグインを追加する場合があります。しかし、プラグインを追加すると、このプラグインはサポートされていないと表示されます。この問題を解決するにはどうすればよいですか?今日は編集者が 3 つの解決策を紹介しますので、ぜひ試してみてください。方法 1: 別のブラウザを使用してみてください。方法 2: ブラウザ上の Flash Player が古いか見つからないため、プラグインがサポートされていない可能性があり、公式 Web サイトから最新バージョンをダウンロードできます。方法3:「Ctrl+Shift+Delete」キーを同時に押します。 「データを消去」をクリックしてブラウザを再度開きます。

WordPress プラグインを使用してインスタント位置情報機能を実装する方法 WordPress プラグインを使用してインスタント位置情報機能を実装する方法 Sep 05, 2023 pm 04:51 PM

WordPress プラグインを使用してインスタント位置情報機能を実現する方法 モバイルデバイスの普及に伴い、ますます多くの Web サイトが位置情報ベースのサービスを提供し始めています。 WordPress Web サイトでは、プラグインを使用して即時測位機能を実装し、訪問者に地理的位置に関連するサービスを提供できます。 1. 適切なプラグインを選択する WordPress プラグイン ライブラリには、地理位置情報サービスを提供する多くのプラグインから選択できます。ニーズと要件に応じて、適切なプラグインを選択することが、即時測位機能を実現する鍵となります。ここにいくつかあります

PyCharm Community Edition は十分なプラグインをサポートしていますか? PyCharm Community Edition は十分なプラグインをサポートしていますか? Feb 20, 2024 pm 04:42 PM

PyCharm Community Edition は十分なプラグインをサポートしていますか?特定のコード例が必要 ソフトウェア開発の分野で Python 言語がますます広く使用されるようになるにつれて、プロ仕様の Python 統合開発環境 (IDE) として PyCharm が開発者に好まれています。 PyCharmはプロフェッショナル版とコミュニティ版の2つのバージョンに分かれており、コミュニティ版は無料で提供されますが、プラグインのサポートがプロフェッショナル版に比べて制限されています。そこで問題は、PyCharm Community Edition は十分なプラグインをサポートしているかということです。この記事では、具体的なコード例を使用して、

WeChat ミニプログラム機能を WordPress プラグインに追加する方法 WeChat ミニプログラム機能を WordPress プラグインに追加する方法 Sep 06, 2023 am 09:03 AM

WeChat ミニ プログラム機能を WordPress プラグインに追加する方法 WeChat ミニ プログラムの人気と人気に伴い、ますます多くの Web サイトやアプリケーションが WeChat ミニ プログラムとの統合を検討し始めています。コンテンツ管理システムとして WordPress を使用している Web サイトの場合、WeChat アプレット機能を追加すると、ユーザーはより便利なアクセス エクスペリエンスとより多くの機能の選択肢を提供できます。この記事では、WordPress プラグインに WeChat ミニプログラム機能を追加する方法を紹介します。ステップ 1: WeChat ミニ プログラム アカウントを登録する. まず、WeChat アプリを開く必要があります

WordPressプラグインを使って動画再生機能を実装する方法 WordPressプラグインを使って動画再生機能を実装する方法 Sep 05, 2023 pm 12:55 PM

WordPress プラグインを使用してビデオ再生機能を実装する方法 1. はじめに Web サイトやブログでビデオを適用することがますます一般的になってきています。高品質のユーザーエクスペリエンスを提供するために、WordPress プラグインを使用してビデオ再生機能を実装できます。この記事では、WordPress プラグインを使用してビデオ再生機能を実装する方法とコード例を紹介します。 2. プラグインを選択する WordPress には、選択できるビデオ再生プラグインが多数あります。プラグインを選択するときは、次の点を考慮する必要があります。 互換性: プラグインが適切であることを確認してください。

See all articles