nodejs mac java home_Mac下NodeJS学习笔记 搭建第一个NodeJS开发环境

本文详细记录了一位新手在Linux环境下使用Node.js和Express搭建Web应用的过程,包括创建工作空间、安装Express、解决命令找不到问题、创建Express工程、安装依赖以及启动应用。在遇到Express命令未找到的问题时,作者发现需要额外安装`express-generator`来创建项目。在创建项目时,由于版本差异,误用了错误的命令,最终成功启动了应用并进行了测试。这个过程对于Node.js新手来说具有很好的参考价值。
部署运行你感兴趣的模型镜像

一.准备

已安装NodeJS(Node,npm)

二.

1.创建工作空间:$ mkdir ~/workspace/nodejs/

$ cd ~/workspace/nodejs/

$ pwd

/Users/vincent/Desktop/my/workspace/nodejs

2.安装  express$ sudo npm install express -g

express@4.10.4 /usr/local/lib/node_modules/express

├── merge-descriptors@0.0.2

├── utils-merge@1.0.0

├── fresh@0.2.4

├── escape-html@1.0.1

├── cookie@0.1.2

├── range-parser@1.0.2

├── cookie-signature@1.0.5

├── vary@1.0.0

├── media-typer@0.3.0

├── finalhandler@0.3.2

├── parseurl@1.3.0

├── methods@1.1.0

├── serve-static@1.7.1

├── content-disposition@0.5.0

├── path-to-regexp@0.1.3

├── depd@1.0.0

├── qs@2.3.3

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

├── etag@1.5.1 (crc@3.2.1)

├── debug@2.1.0 (ms@0.6.2)

├── proxy-addr@1.0.4 (forwarded@0.1.0, ipaddr.js@0.1.5)

├── send@0.10.1 (destroy@1.0.3, mime@1.2.11, ms@0.6.2)

├── type-is@1.5.3 (mime-types@2.0.3)

└── accepts@1.1.3 (negotiator@0.4.9, mime-types@2.0.3)

3.建立express工程,启动第一个项目

$ express -e nodejs-demo

-bash: express: command not found

我在此处也被坑过,找度娘查了一下,从结果中找出了一条比较满意的结果:1 Express Command not found

最初操作:跟着《nodejs开发指南》敲npm install -g express,安装好了,就在linux命令行敲express --help就出现上面的原因了。

解决方法:在安装一个包npm install -g express-generator

原因:express3+已经把创建一个APP的功能分离出来为express-generator,没它你创建不了应用程序2 express -t ejs microblog创建的不是ejs模板引擎而是jade模板引擎

最初操作:跟着《nodejs开发指南》在命令行敲express -t ejs microblog是用来创建应用程序的,应用程序的名字叫microblog、模板引擎是ejs

出现情况:但是通过查看microblog文件夹中的package.json中知道创建出来的不是ejs模板而是jade模板引擎

解决方法:版本不一样,用错命令了,应该是express -e microblog(-e就是ejs模板)3 node app.js没效果

最初操作:跟着《nodejs开发指南》在命令行敲node app.js,然后就用浏览器访问监听的3000端口

出现情况:访问不到页面

解决方法:版本不一样,用错命令了,应该是npm start

找到原因之后,执行如下命令:$ sudo npm install -g express-generator

/usr/local/bin/express -> /usr/local/lib/node_modules/express-generator/bin/express

express-generator@4.9.0 /usr/local/lib/node_modules/express-generator

├── mkdirp@0.5.0 (minimist@0.0.8)

└── commander@1.3.2 (keypress@0.1.0)$ express -e nodejs-demo

create : nodejs-demo

create : nodejs-demo/package.json

create : nodejs-demo/app.js

create : nodejs-demo/public

create : nodejs-demo/public/p_w_picpaths

create : nodejs-demo/public/javascripts

create : nodejs-demo/public/stylesheets

create : nodejs-demo/public/stylesheets/style.css

create : nodejs-demo/routes

create : nodejs-demo/routes/index.js

create : nodejs-demo/routes/users.js

create : nodejs-demo/views

create : nodejs-demo/views/index.ejs

create : nodejs-demo/views/error.ejs

create : nodejs-demo/bin

create : nodejs-demo/bin/www

install dependencies:

$ cd nodejs-demo && npm install

run the app:

$ DEBUG=nodejs-demo ./bin/www

安装依赖包$ cd nodejs-demo/

$ sudo npm install

ejs@0.8.8 node_modules/ejs

cookie-parser@1.3.3 node_modules/cookie-parser

├── cookie@0.1.2

└── cookie-signature@1.0.5

debug@2.0.0 node_modules/debug

└── ms@0.6.2

serve-favicon@2.1.7 node_modules/serve-favicon

├── ms@0.6.2

├── fresh@0.2.4

└── etag@1.5.1 (crc@3.2.1)

morgan@1.3.2 node_modules/morgan

├── basic-auth@1.0.0

├── depd@0.4.5

└── on-finished@2.1.0 (ee-first@1.0.5)

express@4.9.8 node_modules/express

├── utils-merge@1.0.0

├── merge-descriptors@0.0.2

├── cookie@0.1.2

├── fresh@0.2.4

├── escape-html@1.0.1

├── range-parser@1.0.2

├── cookie-signature@1.0.5

├── vary@1.0.0

├── media-typer@0.3.0

├── parseurl@1.3.0

├── finalhandler@0.2.0

├── methods@1.1.0

├── serve-static@1.6.4

├── path-to-regexp@0.1.3

├── depd@0.4.5

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

├── qs@2.2.4

├── etag@1.4.0 (crc@3.0.0)

├── proxy-addr@1.0.4 (forwarded@0.1.0, ipaddr.js@0.1.5)

├── send@0.9.3 (destroy@1.0.3, ms@0.6.2, mime@1.2.11, on-finished@2.1.0)

├── accepts@1.1.3 (negotiator@0.4.9, mime-types@2.0.3)

└── type-is@1.5.3 (mime-types@2.0.3)

body-parser@1.8.4 node_modules/body-parser

├── media-typer@0.3.0

├── bytes@1.0.0

├── raw-body@1.3.0

├── depd@0.4.5

├── on-finished@2.1.0 (ee-first@1.0.5)

├── qs@2.2.4

├── iconv-lite@0.4.4

└── type-is@1.5.3 (mime-types@2.0.3)

启动程序$ npm start

> nodejs-demo@0.0.0 start /Users/vincent/Desktop/my/workspace/nodejs/nodejs-demo

> node ./bin/www

另外再打开一个终端测试是否启动成功$ curl localhost:3000

html>

Express

Express

Welcome to Express

这个链接中的内容很适合NodeJS新手。

您可能感兴趣的与本文相关的镜像

ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰(StepFun)与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量,支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是,它可以生成多种语言的歌曲,包括但不限于中文、英文、日文等19种语言

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值