nprogram’s blog

フロントエンド開発の学習内容を記載していきます。

Node.js + Expressで簡単なWebアプリケーションをVisual Sutdio Codeで作ります

はじめに

ソースコードGitHubに上げました。 github.com

ソースコードの動かし方は、README.mdに記載しましたので、よろしければご確認ください。

環境

Expressとは

  • Node.js 向けの高速で最小限の Web フレームワークのことです。 公式ドキュメントがわかりやすいです。

Express - Node.js Web アプリケーション・フレームワーク

プロジェクトのディレクトリ構成

Visual Studio Codeの便利な使い方1

プロジェクトにファイルが多くなると、事故が起こりやすくなります。

(ファイル操作ミスなど)

それを防ぐために、VSCodeの非表示設定が便利です。

.vscodeフォルダのsettings.jsonを次のように記述することで、 node_modulesフォルダが非表示になります

{
  "files.exclude" : {
    "node_modules" : true
  }
}
  • before 非表示前 f:id:nprogram:20161106184642p:plain

  • after 非表示後 f:id:nprogram:20161106184721p:plain

Visual Studio Codeの便利な使い方2

Ctrl + Shift + Pコマンドで、コマンドパレットを表示できます。 themeを入力してファイルアイコンのテーマを選択。 f:id:nprogram:20161106185540p:plain

Visual Sutdio Codeを選択してください。 f:id:nprogram:20161106185705p:plain

ファイルアイコンがカラーになってとても見やすくなります。

参考サイト

  • 次のページを参考にしました。とてもわかりやすいです。ありがとうございます。

garafu.blogspot.jp

(http://garafu.blogspot.jp/)