開発環境を作る。
node.jsのインストール
- nodistの利用
Nodistのページから、「Download the installer from the releases page」のところにあるインストーラをダウンロードしてインストールする。
コマンドプロンプトから、以下の様に実行できれば、OK
nodist -v
v0.8.8
(2016/12現在)
以下を実行してインストール出来るバージョンを調べる。
nodist dist
以下を実行してインストールしたいバージョンをインストールする(10.6.0の場合)
nodist + 10.6.0
以下を実行して、nodeの使用するバージョンを設定する(10.6.0の場合)
nodist 10.6.0
node.jsのバージョン確認
node -v
(2018/07現在)
v10.6.0
以下を実行して、nodeにあったnpmのバージョンにしておく。
nodist npm match
npmのバージョンの確認
npm -v
(2018/07現在)
6.1.0
koaとkoa-generatorのインストール
> npm install -g koa
> npm install -g koa-generator
適当なディレクトリで以下を実行してkoaのテンプレートを作成する
> koa KoaTest
(プロジェクト名は任意)
プロジェクト名のディレクトリが作成されて、テンプレートが作成される
プロジェクトディレクトリ(この場合はkoaTest)へ移動する
ECTパッケージをインストール
koaTest> npm install -D ect
npm installを実行する
koaTest> npm install
ECTテンプレートで動作する様に修正
app.jsの変更
viewsのdefaultをjadeからectへ変更する。
また、module.exports = app;をapp.listen(3000);に変更する。
app.use(views('views', {
root: __dirname + '/views',
default: 'ect'
}));
//module.exports = app;
app.listen(3000);
viewsの変更
index.jade、index.jadeの拡張子をectへ変更する
index.ect、index.ect
記述をectのものへ変更する
<!DOCTYPE html>
<html>
<head>
<title><%= @title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<% content %>
</body>
</html>
<% extend 'views/layout.ect' %>
<h1><%= @title %></h1>
<p>Welcome to <%= @title %> with ECT</p>
<hr>
<div id="container"></div>
</div>
以下を実行して、http://localhost:3000へアクセスする。
koaTest> node app.js
以下の様に表示されればOK
Hello World Koa!
Welcome to Hello World Koa! with ECT