纪录一下我在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图片制作网址
现在可以在项目里敲 npm start 来运行网页啦 http://localhost:3000/
时间： 2024-12-28 01:26:12