Node+express+ejs Front-end project setup on Mac

Record the process of building a front-end Web project on my Mac

1. Install node

Find the node version you need to install on the Web: Http://www.oschina.net/news/60538/node-0-10-37-maintain, my version is node-0-10-37.

Macintosh Installer (Universal): http://nodejs.org/dist/v0.10.37/node-v0.10.37.pkg

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M00/72/13/wKioL1XdOiPTeh0tAABjEQc1GPk955.jpg "title=" Bf46b187-2977-4b7a-bc18-a6f045f009d0.png "alt=" Wkiol1xdoipteh0taabjeqc1gpk955.jpg "/>

Click on the icon and the next step is done.

Open the command line to see if the installation was successful:

Input: Node-v

Display: v0.10.37

Input: Npm-v

Display: 1.4.28

(The above content step by step, I was fixed a version, to prevent different versions of the code will conflict.) ）

2. Install Express

First select a project location, such as WWW folder, CD www/(project name) into the file

OK, let's start the order.

NPM Install Express

Express

sudo   npm Install

Install Express failed to trysudo 管理员权限

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M00/72/17/wKiom1XdPo_SxMMCAAGZdPYULLc312.jpg "title=" Untitled -1.jpg "alt=" Wkiom1xdpo_sxmmcaagzdpyullc312.jpg "/>

3, install Ejs replace the default jade

npm Install Ejs

4. JS code ejs change to HTML suffix

Editor opens App.js

It

App.set (' Views ', Path.join (__dirname, ' views ')); App.set (' View engine ', ' Jade ');

Replace

App.set (' Views ', Path.join (__dirname, ' views ')), App.engine ('. html ', require (' Ejs '). __express) App.set (' View engine ', ' HTML ');

Delete the template file of the jade suffix in the Views folder

Inside you can now create your own index.html files!

<! DOCTYPE html>

There is one place to pay attention. The public folder needs to add a favicon.ico file name of the picture files, is the site's logo, or run the project will be error. 
ico Image production URL
http://www.ico.la/

You can now tap NPM start on the project to run the Web page http://localhost:3000/
This article is from the "Angry Chick" blog, make sure to keep this source http://yutao.blog.51cto.com/5139912/1688423
Node+express+ejs Front-end project setup on Mac