在nodejs下express 从安装到运行的全过程

安装过程:
npm install -gd express 
npm install -g express-generator 
express -V //查看版本,现在一般都是4.x系列的
express ejs myapp //创建一个ejs模板项目
或者express myapp//这创建的是jade模板,已经成功测试,不管是jade,ejs都可以通过下面的方法来进行访问。
//进入app.js文件进行修改:
 app.use(express.static(path.join(__dirname, 'public')));
改成:app.use(express.static(path.join(__dirname, 'views'))); 

app.set('views', path.join(__dirname, 'views'));
var ejs = require('ejs');
app.engine('.html', ejs.__express);
app.set('view engine', 'html');
把原来3行的换成这个就可以;
接着下面的操作:
cd myapp 
 npm install //安装依赖
 npm start //开启服务器
进入bin/www修改端口为:80
浏览器输入:http://localhost 就可以进入访问了,同时,在views文件夹写html也可以在地址栏写: http://localhost /hello.html 这样的形式来访问。
由于修改过上面的路径,所以在后台开发时要注意css/js/img这些路径的问题。
由于系统默认访问public,假如要求安全的可以在测试后把views改回public,所以路径需要注意了:/javascripts/style.js  是的,就是加个/,而你在编辑器是需要 ../public/  具体是什么原因,我也不清楚,可能是服务器不同的原因。

本篇主要介绍一下在windows平台下采用nodejs+express4框架+Mongodb实现网站的开发。其实本人是不赞同在Windows平台下使用node.js进行开发,但由于公司后台工程师都是采用windows平台,那我们就必须妥协啦。本片主要介绍一下如何对nodejs,express,mongodb的配置,最终能将一个网站能跑起来,在搭建的过程中遇到了一些问题和大家分享一下,让其他学习者能够少走弯路,把时间节省下来出来陪陪老婆和孩子。。。。

首先先看下我们安装的工具的版本:

网站编辑器使用sublime3,工具下载地址:http://sublimetext.iaixue.com/dl/   window下安装还是比较方面的,破解版都是绿色的,不需要安装,linux破解版可能比较麻烦了 packageControl和emmet都要重装,它没自带。

(1)npm(Node Package Manager)

  nodejs安装可能比较简单一点应该不会遇到什么问题,但鄙人不得不介绍一下npm(Node Package Manager), 它就是Nodejs的包管理器.Nodejs自身提供了基本的模块,但是在这些基本模块上开发实际应用需要较多的工作,能够快速安装和卸载package,新版nodejs已经集成了npm。

npm一般都会配置成全局模块,这样以防以后使用不方便,一般情况下我们会在NodeJs安装目录下下建立"node_global"及"node_cache"两个文件夹

使用命令行改变npm启动和缓存位置

1
2
npm config  set  prefix  "G:\Program Files\nodejs\node_global"
npm config  set  cache  "G:\Program Files\nodejs\node_cache"

(2)express安装

express这种框架不断升级,不同版本之间好多配置方式都发生了改变,导致了有时候新手配置都非常麻烦,这里介绍4x以上经常出现的安装问题

我安装的版本4.13.1版本,跟3版本不同,4以上版本出现安装器的概念。3版本 $npm -g express 就oK了,但4以上版本必须是两个步骤:

a、下载安装express包

$npm -g express

b、将express使用安装器装载起来用于创建新网站环境。

$npm -g express-generator

这时你express就可以被使用了,但是我们在cmd环境下查看express -V发现“不是内部命令”提示,那是因为express安装时环境变量并没有配置,你只要在环境变量path中配置一下exress的地址(G:\Program Files\nodejs\node_globa)就可以了  

express这时候就配置成功啦,我们可以找个环境来创建我的第一个应用啦,建个文件夹“g:\blogs”

$express -e blog

这时候组后几行会出现这几行提醒

安装package.json中的包

$cd blog & npm install

启动网站服务

SET DEBUG=blog:* & npm start

我们的第一个Nodejs搭建网站成功啦,这时候你在网页中输入http://localhost:3000就会出现express默认demo网站首页。

ok大家试试吧



错误处理:

cd进入app文件夹中,执行app,使用命令node app这时候会报错,因为第一次使用express框架的话,缺少很多必备的modules

报错:

module.js:340

    throw err;

          ^

Error: Cannot find module 'serve-favicon'//表示缺少serve-favicon模块

    at Function.Module._resolveFilename (module.js:338:15)

    at Function.Module._load (module.js:280:25)

    at Module.require (module.js:364:17)

    at require (module.js:380:17)

    at Object.<anonymous> (E:\nodejs\Node.js寮€鍙戝疄鎴榎chapter_two\express_dem

o\app\app.js:3:15)

    at Module._compile (module.js:456:26)

    at Object.Module._extensions..js (module.js:474:10)

    at Module.load (module.js:356:32)

    at Function.Module._loa

这个时候根据提示,安装必备的modules就可以了,如图

Your environment has been set up for using Node.js 0.10.26 (ia32) and npm.

C:\Users\Administrator>e:

E:\>cd nodejs

E:\nodejs>npm install serve-favicon

serve-favicon@2.2.0 node_modules\serve-favicon

├── ms@0.7.0

├── parseurl@1.3.0

├── fresh@0.2.4

└── etag@1.5.1 (crc@3.2.1)

E:\nodejs>npm install morgan

morgan@1.5.1 node_modules\morgan

├── basic-auth@1.0.0

├── depd@1.0.0

├── debug@2.1.1 (ms@0.6.2)

└── on-finished@2.2.0 (ee-first@1.1.0)

E:\nodejs>npm install cookie-parser

cookie-parser@1.3.3 node_modules\cookie-parser

└── cookie-signature@1.0.5

E:\nodejs>npm install body-parser

body-parser@1.12.0 node_modules\body-parser

├── content-type@1.0.1

├── raw-body@1.3.3

├── bytes@1.0.0

├── depd@1.0.0

├── qs@2.3.3

├── iconv-lite@0.4.7

├── on-finished@2.2.0 (ee-first@1.1.0)

├── debug@2.1.1 (ms@0.6.2)

└── type-is@1.6.0 (media-typer@0.3.0, mime-types@2.0.9)

E:\nodejs>






  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
安装Express,首先你需要安装Node.js。Node.js是一种基于Chrome V8引擎的JavaScript运行环境,用于开发服务器端应用程序。在Ubuntu 18.04上安装Node.js可以参考【Node.js】Node.js入门(一):安装、编辑、编译运行安装Node.js之后,你可以使用npm(Node包管理器)来安装ExpressExpress是一个基于Node.js的框架,用于开发Web应用程序。它提供了路由功能、异常处理等基本框架的支持。要安装Express,你可以按照以下步骤进行操作:[2] 1. 在你的项目目录,打开终端或命令行窗口。 2. 运行以下命令来安装Express:npm install express 3. 安装完成后,你可以在你的项目使用Express来开发Web应用程序。 下面是一个简单的使用Express的示例代码: ```javascript const express = require('express') const app = express() const port = 3000 app.get('/', (req, res) => { res.send('Hello World!') }) app.listen(port, () => { console.log(`Example app listening on port ${port}`) }) ``` 你可以将上述代码保存为一个名为app.js的文件,并在终端或命令行窗口运行以下命令来启动应用程序: ``` $ node app.js ``` 现在你可以在浏览器访问http://localhost:3000来测试你的Express应用程序。 希望以上信息能对你有所帮助!如果你还有其他问题,请随时提问。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [【Node.js】Node.js入门(三):Express安装、测试、使用](https://blog.csdn.net/u010168781/article/details/127565961)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值