码迷,mamicode.com
首页 > Web开发 > 详细

mac上node+express+ejs前端项目搭建

时间:2015-08-26 20:32:13      阅读:323      评论:0      收藏:0      [点我收藏+]

标签:ejs   node   express   mac   html   

纪录一下我在Mac上搭建前端web项目的过程


1、安装node

到网上找到自己需要安装的node版本:http://www.oschina.net/news/60538/node-0-10-37-maintain, 我的版本是 node-0-10-37。

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

技术分享

点开图标直接下一步就搞定啦。

打开命令行查看是否安装成功:

    输入:node -v

    显示:v0.10.37

    输入:npm -v

    显示:1.4.28


(上面内容一步步来,我是固定了一个版本,防止不同版本代码会有冲突。)



2、安装express

    首先选择一个项目位置,比如www文件夹,cd www/(项目名)进入文件

ok我们开始命令啦:

    npm install express

    express

    sudo npm install 

    安装express    失败可以尝试 sudo 管理员权限

技术分享


3、安装ejs替换掉默认的jade

    npm install ejs


4、js代码 ejs改为html后缀

编辑器打开app.js 

app.set(‘views‘, path.join(__dirname, ‘views‘));
app.set(‘view engine‘, ‘jade‘);

替换

app.set(‘views‘, path.join(__dirname, ‘views‘));
app.engine(‘.html‘, require(‘ejs‘).__express);
app.set(‘view engine‘, ‘html‘);


删掉views文件夹里面jade后缀的模板文件

里面现在就可以创建自己的index.html文件了!

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title><%= title %></title>
</head>
<body>
<h1>我是一个ejs的网页,很高兴认识你<%= title %></h1>
</body>
</html>


有一个地方需要注意。public文件夹中需要添加一个 favicon.ico 文件名的图片文件,就是网站的LOGO,否则运行项目会报错。

ICO图片制作网址 

http://www.ico.la/


现在可以在项目里敲 npm start   来运行网页啦 http://localhost:3000/

本文出自 “发怒的小鸡” 博客,请务必保留此出处http://yutao.blog.51cto.com/5139912/1688423

mac上node+express+ejs前端项目搭建

标签:ejs   node   express   mac   html   

原文地址:http://yutao.blog.51cto.com/5139912/1688423

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!