この最初の決定は、コードを作成する際の生産性と有効性を定義します。
Web開発の学習を開始する前に、選択したコードエディタを選択してダウンロードする必要があります。
この部分はここで重要です—あなたの旅、あなたの学習曲線が危機に瀕しています。 これは、コードの作成を開始するときに使用するツールであり、さまざまなコードエディタから選択できます。
10年以上前にコーディングを開始した人にとって、最も使用されているプラットフォームはNotepad++であり、その後に続く他のコードエディタはTextWrangler、BBEdit、Coda、Sublime Text、VSCode、TextMate、Atom、UltraEdit、Vim、Brackets、CoffeeCup HTML Editorであった。BBEdit、Coda、Sublime Text、Vscode、TextMate、Atom、UltraEdit、Vim、Brackets、CoffeeCup HTMLエディタであった。
現代の技術では、選択肢はSublime Text、Atom、VSCode、Vim、Bracketsといういくつかの選択肢に絞られています。
あなたが一緒に勉強するように、あなたは別のテキストエディタを使用することを好む別の教師やインストラクターを見つけるでしょう、あなたがそれらに従って同じエディタを使用するか、またはあなた自身を選択するかは問題ではありません、重要なのは、あなたが選択したテキストエディタに慣れていることです。 それはあなたがより良いプログラマになるのを助けるので、あなたがより生産的になるものは何でも選択してください。
だから、賢明に選択してください。
AtomはGithubの天才開発者によって開始されましたが、現在はMicrosoftが所有していますが、Atomの良いところは無料で、オープンソースであり、高度にカスタマイズ可能
AtomはSublime Textに少し似ていますが、Atomを好んだ多くの開発者は、Sublime Textと比較してシンプルなインターフェイスのためでした。
Atomは、OS、Windows、Mac、Linuxの3つのオペレーションシステムで使用できるため、Atomを持っているプラットフォームは何でも利用できます。
:
- AtomはWeb技術のためのデスクトップアプリケーションです
- モジュール設計があり、最小限のコア
- スニペット
- クリーンでシンプルなユーザーインターフェイス
- ノードを中心に統合できる50以上のオープンソースの拡張/パッケージが含まれています。js統合
- ファイルシステムブラウザ
- ハック可能なアプローチ
- Kirbyスニペット、atomユーザーのお気に入り。 https://atom.io/packages/kirby-snippets
- PlatformIO IDEターミナル
Cons
- いくつかのパフォーマンスの問題があります
- 他のテキストエディタと比較して起動に数秒かかります。
- ブラウザベースのアプリであるため、Sublime Textと比較して少し遅いです（これはElectronを使用して実行されます)
ダウンロードAtom.io ここでは、: https://atom.io/
そして、ここでatomを設定する方法についての簡単なビデオです:
Vim
長所
- 軽量で高速な他のエディタに比べて、それは最小限のシステムのメモリを使用し、瞬時にロード
- あなたは、バージョンから色の好みに制御するために、ほとん キーボードショートカット。
短所
- 学習曲線、それはあなたに学ぶためにいくつかの時間がかかりますし、覚えておくために非常に多くのコマンドやショートカット
- そのツーリングサポートが不十分
- カット/ペーストメカニズム
あなたはこのツールを使用してVimをダウンロードして設定することができますリソース: https://www.vim.org/download.php
Vimについてもっと読みたい場合は、以下の追加リソースがあります：
Vimの基礎を始めて学ぶための基礎のための良い入門コースです。
ブラケット
長所
- オープンソースとクロスプラットフォーム、それは無料ですし、Mac、Windows、およびLinuxで使用することができます意味
- それはコード補完を持って、あなたのコードを入力するように自動提案があるでしょう
- ブラケットのユニークな機能は、あなたが任意のHTML要素をマークし、CMD/Ctrl+Eを押すと、ブラケットは、その後、同じ内のそれらの特定の要素に関連付けられているすべてのCSSを開きます。 ウィンドウを閉じると、自動的にCSSスタイルシートに適用されます。
- ブラケットエディタをより強力で便利にするためにいくつかの拡張機能やパッケージを追加する機能
- ブラケットには複数のカーソル機能があります
- カラーヘックスコードを覚えにくいので、カラーピッカーもあります。
- ライブプレビューで、編集/スタイリングの結果や出力を簡単に確認できます
カラーピッカー機能
短所
- ブラケットは、フロントエンド側に焦点を当てている-明らかにHTML、CSSとJavascriptで非常に有用であり、サーバー側の言語ではあまりないフBrackets.io ここでは、: http://brackets.io/
ここでは、ブラケットの設定の簡単なビデオです:
崇高なテキスト
多くの開発者は、まだその速度、シンプルさだけでなく、Javascriptなどの異なるスクリプト言語、上で作業するときに非常に便利であるキーボードショートカット
崇高なテキストをダウンロードすることができますここに: https://www.sublimetext.com/
Sublime Textを起動して設定するための入門ビデオは次のとおりです：
Pros:
- オープンソースとクロスプラットフォーム、つまり無料で、Mac、Windows、Linuxで使用できます
- 自動補完
- 構文ハイライト
- コード折りたたみ
- カスタマイズ可能-3,800以上のパッケージが利用可能
- 軽量、高速、安定
- 軽量、高速、安定
- 軽量、高速、安定
- 軽量、高速、安定
:
- まともなGitプラグインはまだありません
- sublimeはその背後に大きなチームを持っていないので、開発が遅い
- 初心者に優しい
ここでは、Sublimeテキストのヒント、トリック、キーボードショートカット、最高の機能のためのボーナスチュートリアルです！ 楽しんで
VSCode
Visual Studio Codeは、コードエディターのシンプルさと合理化されたエクスペリエンスと、開発者がコアコード-編集-デバッグサイクルに必要とする最高のものを組み合 Visual Studio Codeは、Visual Studioファミリの最初のコードエディタであり、OS X、Linux、およびWindowsをサポートする最初のクロスプラットフォーム開発ツールです。
VSCodeを使用する利点の一つは、Gitと統合する能力であり、それは簡単で高速です、もう一つは、リモートで異なるチームに統合する能力であり、複数の開発者は、このツール/拡張機能を使用することにより、同じプロジェクト、または同じコードで作業することができます。Visual Studio Live Shareは、崇高なテキストとAtomに比べて、複数の開発者がより効率的に協力するのに役立ちます。
長所
- 軽量で高速
- 無料
- シンプルでクリーンなユーザーインターフェイス
- 内蔵端末
- 複数のカーソル
- IntelliSense-それは過給自動補完、構文強調アシタイプミスと構文エラーの可能性
- サポートと拡張機能と追加リソースを構築するための巨大なコミュニティ
- git、Terminal、Webview、Live Share
- Git Collaborationのネイティブサポート、open Directory 上へ
- にはEmmet拡張機能、超高速HTML、CSS、Javascriptコーディング
Cons
- ASPなどの古いプログラミングバージョンはサポートされていません。NET
- デバッグ機能は限られています
非常に多くの異なるスタックと技術で、プログラミングエディタを選択しても、より困難で圧倒的になっています、私はあなたにいくつかのヒントを与え、自分自身にいくつかの時間を節約しましょう、それはツールだけではなく、スポーツでは、最高の靴を持っているか、最も高価なサッカーの靴を持っているか、またはカメラマンのために、それは常に最も美しいショットを取得する最も高価なカメラを所有している人についてではありません、それは一日の終わりに、それは最も美しいショットを取得する最も高価なカメラを所有している人についてではありません。常に誰がそれを使用するか、どのように使用するか、そしてあなたがそれを使用するかどうかについて。
私は崇高なテキストの大ファンだった、私は崇高なを使用してWeb開発を開始しましたが、VSCodeが登場し、すべての開発者の心を取ったとき、その素敵な
最も人気があり、また私の推薦はVSCodeでしょう、私は何年もそれを使用してきました。
ここでは、Visual Studioのコードのセットアップとチュートリアルのためのボーナスです、お楽しみください！
読んでくれてありがとう！ すべての開発者のためのより多くの無料のチュートリアルやツールのための私の他のブログを読んで自由に感じます！