목적

Node.js를 사용하여 응용 프로그램을 만들 때 일상적인 흐름 메모

환경

node 4.4.3

npm 2.15.1

Windows 8.1

환경 구축

우선 프로젝트용 폴더를 작성합니다.

commandprompt

mkdir Hoge

Express-generator 사용

Express는 라우팅 기능이 포함된 모듈입니다. Express-generator에서는 프로젝트의 히나형을 제네레이트해 주기 때문에 그것을 이용합니다.

commandprompt

npm i -g express-generator

그런 다음 생성기에서 프로젝트의 편지지를 만듭니다.--git 는 .gitignore를 생성합니다. 주의로서, Hoge의 한쪽 위의 계층에서 다음의 커멘드를 실행하지 않으면 안됩니다. 또한 템플릿 엔진은 기본적으로 jade입니다. 나는 pug(구 jade)를 이용하기 때문에 그대로 템플릿 엔진은 jade로 하고 나중에 확장자를 바꿉니다.

commandprompt

express --git Hoge

package.json 변경

여기의 장에 대해서는, 사람 각각 만들고 싶어 내용이 바뀌므로 일례로서 봐 주세요. 내 경우에는 electron에서 뭔가를하려고했기 때문에 electron이 들어 있습니다. 또, pug(구 jade)를 이용하므로 pug도 넣고 있습니다.

package.json

{
  "name": "CommentViewer",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www"
  },
  "dependencies": {
    "body-parser": "~1.13.2",
    "cookie-parser": "~1.3.5",
    "debug": "~2.2.0",
    "express": "~4.13.1",
    "morgan": "~1.6.1",
    "serve-favicon": "~2.3.0",
    "cheerio": "^0.20.0",
    "electron-packager": "^7.0.1",
    "electron-prebuilt": "^0.37.7",
    "pug": "^2.0.0-alpha6",
    "pug-cli": "^1.0.0-alpha1",
    "request": "^2.72.0"
  }
}

그런 다음 npm i 에 필요한 모듈을 넣습니다.

commandprompt

cd Hoge
npm i

views의 파일 확장자 변경

views 안에 있는 *.jade 파일을 모두 pug로 합니다.

commandprompt

cd views
mv error.jade error.pug
mv index.jade index.pug
mv layout.jade layout.pug
cd ..

app.js 변경

그런 다음 app.js에 설명된 view engine을 jade에서 pug로 변경합니다.

app.js(before)

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

을 아래로 변경

app.js(after)

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');

서버 시작

그런 다음 서버를 시작합니다.

commandprompt

npm start

시작 후 아래 URL에 액세스하면 아래 그림이 표시된다고 생각합니다.