步骤1: 首先安装 node 环境
基于mac电脑 :安装node环境的最简单的方法是 安装 homebrew 打开终端命令输入以下 代码:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/ master/install)
(一般情况下会报错,就是安装错误这时你应该,先安装一个 xcode;终端执行命令:xcode-select —install xcode安装成功后在执行上面的命令,一般情况系就会安装成功 )等待安装成功(执行命令:bower -v;后显示版本则安装成功)后 执行命令:brew install node 这样是安装的最新版本的 nodejs (如果是要安装指定的node版本的话 执行命令: brew install homebrew/versions/node 这个是查看你当前安装的nodejs版本,命令: brew install homebrew/versions/node5 这是安装nodejs5x版本的命令)
步骤2:创建一个本地的项目
- 在你需要的文件夹下创建一个新的文件夹也就是总项目(名字最好是英文;例如:admin)
- 在admin文件夹下创建一个文件用于放置我们前端代码(例如:client),在这个client 文件下创建三个文件夹(js html css)分别用来放置不同的文件,达到行为,结构,样式分离
步骤3:安装git 和 bower
我们的node环境安装好之后(之前是homebrew安装成功),我们要安装 Git 执行命令:
sudo brew install git
安装成功
安装bower(前端包管理工具),命令:sudo npm install -g bower
(npm 是nodejs程序包管理工具)
步骤4: 安装一个框架express
为了方便管理也或是为了项目在别的电脑上也能运行,我们需要一个package.json文件,这个文件怎么生成呢? 打开终端输入命令: npm init
一路enter健就可以了。然后输入命令: npm install express —save
(是两个横杠) 这样就生成了一个node_modules的文件;这样express就安装成功了。
还有一个bower.json文件,同上 输入命令: bower init
这个里面主要是安装的前端运用的第三方库,安装命令: bower install + 第三方库名称 —save
(例如:bower install angular —save)
步骤5: 写一个简单的页面调整链接和写server.js
在生成的package.json 里面有一个 "main": “index.js"
, 改成 "main": “server.js"
,接下来在根目录下admin下创建一个js文件 起名叫做 server.js
。打开server.js在里面编写代码
'use strict’; // 严格模式
var express = require(‘express'); //引入模块 express
var path = require(‘path'); // 引入路由模块
var port = process.env.PORT || 3000; //定义端口号
var app = express();
app.listen(port);
console.log('lhapptool started on port ' + port); //监听端口号
// 定义路由方法一:
// 最后执行静态文件服务
// var staticPathClient;
// staticPathClient = path.resolve(__dirname, './client');
// app.use('/client', express.static(staticPathClient));
//定义路由方法二
app.get('/', function (req, res) {
res.sendFile(path.resolve(__dirname, ‘./client/views/index.html')); //文件路径
})
最后执行命令 node server