基于nodejs和express搭建本地服务

步骤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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值