JAVA,CSS の覚え書き

Javascript,CSSを使ったページを作成した時の覚え書き

セクション6:NetBeansでNode.jsテンプレート使用

        
NetBeansでNode.jsテンプレートを使用するときはまったので記録

1.Expressを使って雛形を自動生成するため、express-generatorを使う。
npm install express-generator -g
でexpress-generatorをインストール
express --view=ejs
でEJSを使う雛形を作製。ejsを指定しないと、jadeのテンプレートが 作製される模様。
npm install
でpackage.jsonのdepeendenciesに指定されている必要なライブラリーを 一括インストール 2.動作を確認する
node ./bin/www
と実行してブラウザで[http://localhost:3000]でWelcome to Expressと 表示されて、完了。 3.NetBeansにプロジェクトを取込NetBeansで実行使用としたら、requireで エラーになる。 調べてみると、プロジェクトプロパティでNode.jsのサポートが有効になって いなかったのでチェックを入れて解決。 NetBeansでプロジェクトを作製する時は始めに指定しているので、気づかなかった。 4.Expressを使ってcssやjsファイルを読み込むところでもはまってしまった。 この場合express.staticを使う必要があるみたいなので (imag,js,cssの様なstaticファイルを読み込む)
var path=require('path');
app.use(express.static(path.join(__dirname+'public');
とすれば読み込める。
app.use(express.staic(__dirname+'public');
でも良いかも? これを設定していないと
http://localhost:3000/stylesheets/style.css
とかでNot Foundになる。 尚、複数のディレクトリをexpress.staticを複数回呼び出せば使用可能。