Visual Studioで、html, cssサイトでWebサイトを作成する環境を整える

汎用テキスト・エディタ、htmlエディタやWeb制作ツールを複数組み合わせて使用する場合が多いですが、作成の効率を左右する重要なツールは、汎用テキスト・エディタ上で使用するマクロです。

マクロを使って、テキストを一括で、検索置換したり、特定のテキストを挿入することで、作業の負荷を軽減することができます。

ツールボタンの追加などのグラフィカルインターフェイスが貧弱なので、作成したマクロの数が増えてくるとマクロの選択が不便になってくることが、問題になります。そのため、単純な、Htmlタグの挿入ボタンを大量に作成するようなことはできません。

マイクロソフトは、以前、Expresson Webと呼ばれる製品群を販売していました。現在では、開発は終了し、無料で配布されています。

その、Expression WebとVisual Studio 2012 の機能を比較した記事が存在します。

Moving from Expression Web to Visual Studio 2012 for client-side HTML 5 Web Design by Don Burnett

すでに、ローカルサイトをパソコン内のフォルダに作成している場合は、ローカルサイトを開きます。

新規に作成する場合は、ローカルサイトフォルダを作成するか、SideWaffle などのテンプレートを使用して、新規にローカルサイトを作成します。

Web Essentialsでは、作成したローカルサイトは、サーバーにアップロードする必要があります。外部のFtpアプリケーションを使用することなく、サイトをアップロードすることができます。

Visual Studioをインストールします。今まで使用しなければ、互換性の問題は、存在しないので、あえて古いバージョンを使用する必要はありません。個人利用なので、community版を使用しています。

PHP Tools for Visual Studioは、スクリプト言語“PHP”のコーディング支援機能を「Visual Studio」へ追加する拡張機能です。ライセンスキーは有料ですが、一部の機能は、無料で利用できるようです。