私がシニアフロントエンドエンジニアとして毎日使うすべて

VSCODE
これらの拡張モジュールを使用します.

ユーティリティ

Auto - closeタグ:自動的にHTML/XML closeタグを追加します.Visual Studio IDEまたはSublimeテキスト

と同じです.

自動名前タグ:自動リネームペアのHTML/XMLタグ

より良いコメント:あなたのコードは、警告、情報、todos、注釈などで注釈を改善!

より良いTOML言語サポート

ブラケット対colorizer:マッチングブラケット

を着色するためのカスタマイズ可能な拡張

dotenv : dotenvファイル構文のサポート

eslint : ESLINT JavaScriptをVSコードに統合します.

Firebase : Firestoreのセキュリティルール構文の強調表示

GitLens : Supercharge Git能力Visual Studio Codeに組み込まれて- Git非難注釈とコード・レンズを通して一目でコード著作権を視覚化して、継ぎ目なく移動して、Gitリポジトリを探検して、強力な比較命令を通して価値ある洞察を得てください、そして、ずっと多くの

グレムリントラッカー:彼らが目に見えないか合法的なもののように見えるので、有害でありえるいくつかのキャラクタを明らかにします.崇高なグレムリンに触発さ.

輸入コスト:ディスプレイ

でパッケージのサイズをインポート/必要とする

CSSクラス名をHTMLで表示します.

JEST:喜びでFacebookの冗談を使用してください.

Jestテストエクスプローラ:Visual Studioのコード

のサイドバーでJestテストを実行します
強調される

Markdownプレビュー:VSCODE

に移植されたMarkdownプレビュー

Markdownlint :視覚的なスタジオコード

のためのMarkdownリンギングとスタイルチェック

材料設計アイコンIntelliSense

NPM Intellisense

パスintellisense

プレシティエ

プロジェクトマネージャー:プロジェクト

の間で簡単に切り替えてください

虹CSV:CSVとTSVファイルをハイライトして、SQLのような質問

を走らせてください

ランダムなすべて:ランダムインツ、フロート、ストリング、語などを生み出します

SCSS intellisense : SCSS

の高度な自動補完とリファクタリングのサポート

のTODO Tree :ツリービューの中で、Todo、FixMeなどのコメントタグを表示します

TS Quickfix : typescript

のクイックフィックス

TS

ルック＆フィール
流暢なアイコン:ビジュアルスタジオコードの流暢な製品のアイコン

glassit VSC : WindowsとLinuxプラットフォームで透過的にウィンドウを設定するコード拡張.

Peacock :ワークスペースのワークスペースの色を微妙に変更します.理想的なときには、複数のVSのコードのインスタンスを持っているとすぐに識別する方法です.

i暗と李光テーマ

GITバッシュターミナル
私はフォルダ＆ファイル間のcrudにそれを使用します.VSコードでプロジェクトを開き、プロジェクトでgitを管理し、vimなどを使用します.
私は、あなたがタイプする最も一般的なコマンドのためにいくつかの別名をセットアップすることを勧めます.
例えば、すぐにフォルダに移動するエイリアスがあります.

alias cdhp="cd h:/projects"

またはNPMコマンドを実行します.

alias nr="npm run"

GIFへのスクリーン
私はフロントエンドの開発者なので、私の作品のほとんどはスクリーンショットやスクリーングリフ(私はこの単語を作った)をリモートで作業するときに便利です.私はすぐにそれが起こっているか、動作を表示するUIの部分のGIFを作成するGIFに画面を使用します.このツールは、本当に別のチームとのより良いasyncの会話を持っている.

トドスト
仕事のthoでさえ、私は私が働いている仕事を追跡するために個人的なto doリストを保つのが好きであるazureを使います.私は、1つの場所ですべてを持つためにかなり合理的であるtodoist購読料を払います.Trello、概念などのような他の無料の代替手段があります.

概念
私はドキュメントとメモを取るためだけの概念を使用します.私はそれがかなり遅いが、私が好きな選択肢を見つけていないと思います.

図
私は通常、デザインのプロセスに参加していません.私はフリーランスUIデザインをしていたので、私はかなり快適なツールです.私は、Figmaで快適になるためにフロントエンド開発で働いている誰でも推薦します.

結論
これらは私が日常的に使用するすべてのツールです.これらだけで私は100 %問題を私の仕事を行うことができます.私は、より多くのツールがあなたの時代に複雑さを加えると信じています.私はあなたがあなたのベルトにあまりにも多くのツールを持っていないと、それぞれの明確な目標を持っていることをお勧めします.
私は概念のタスクを追跡することができました、しかし、それがあまりに乱雑にならないように、私はドキュメンテーションだけのために概念を使うのを好みます.

だから、あなたのツールは何ですか?コメントを残して、それらを共有する!
より多くのために私に続いてください.