nodejs mac java home_Mac上搭建nodejs开发环境

本文详细介绍了如何在Mac操作系统上使用Homebrew安装Node.js和Grunt,接着通过brew安装Node.js,然后安装Express框架并创建Express工程。最后,演示了如何为项目安装依赖并启动应用,确保环境配置成功。
摘要由CSDN通过智能技术生成

###Mac上搭建nodejs开发环境

####安装homebrew

1

2

3ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

brew update

brew doctor

####安装nodejs

通过brew安装nodejs和grunt

1

2brew install node

npm install -g grunt-cli

安装成功

1

2

3

4node -v

v4.2.1

npm -v

2.14.7

####安装express

1

2

3

4

5

6

7sudo npm install express -g

sudo npm install -g express-generator@4

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

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

├── sorted-object@1.0.0

├── commander@2.7.1 (graceful-readlink@1.0.1)

└── mkdirp@0.5.1 (minimist@0.0.8)

1

2express -V

4.13.1

安装成功

####建立express工程

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27mkdir javascript

cd javascript

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/javascripts

create : nodejs-demo/public/images

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:* npm start

为项目安装依赖包

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58cd nodejs-demo && npm install

ejs@2.3.4 node_modules/ejs

debug@2.2.0 node_modules/debug

└── ms@0.7.1

cookie-parser@1.3.5 node_modules/cookie-parser

├── cookie@0.1.3

└── cookie-signature@1.0.6

serve-favicon@2.3.0 node_modules/serve-favicon

├── fresh@0.3.0

├── etag@1.7.0

├── ms@0.7.1

└── parseurl@1.3.0

morgan@1.6.1 node_modules/morgan

├── on-headers@1.0.1

├── basic-auth@1.0.3

├── depd@1.0.1

└── on-finished@2.3.0 (ee-first@1.1.1)

express@4.13.3 node_modules/express

├── escape-html@1.0.2

├── merge-descriptors@1.0.0

├── cookie@0.1.3

├── array-flatten@1.1.1

├── utils-merge@1.0.0

├── cookie-signature@1.0.6

├── methods@1.1.1

├── content-type@1.0.1

├── range-parser@1.0.3

├── fresh@0.3.0

├── etag@1.7.0

├── serve-static@1.10.0

├── vary@1.0.1

├── path-to-regexp@0.1.7

├── content-disposition@0.5.0

├── parseurl@1.3.0

├── depd@1.0.1

├── qs@4.0.0

├── on-finished@2.3.0 (ee-first@1.1.1)

├── finalhandler@0.4.0 (unpipe@1.0.0)

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

├── send@0.13.0 (destroy@1.0.3, statuses@1.2.1, ms@0.7.1, mime@1.3.4, http-errors@1.3.1)

├── type-is@1.6.10 (media-typer@0.3.0, mime-types@2.1.8)

└── accepts@1.2.13 (negotiator@0.5.3, mime-types@2.1.8)

body-parser@1.13.3 node_modules/body-parser

├── content-type@1.0.1

├── bytes@2.1.0

├── depd@1.0.1

├── qs@4.0.0

├── on-finished@2.3.0 (ee-first@1.1.1)

├── iconv-lite@0.4.11

├── http-errors@1.3.1 (statuses@1.2.1, inherits@2.0.1)

├── type-is@1.6.10 (media-typer@0.3.0, mime-types@2.1.8)

└── raw-body@2.1.5 (unpipe@1.0.0, bytes@2.2.0, iconv-lite@0.4.13)

启动应用

1

2

3

4

5

6

7

8npm start

> nodejs-demo@0.0.0 start /Users/huangjie/javascript/nodejs-demo

> node ./bin/www

GET / 200 15.102 ms - 207

GET /stylesheets/style.css 200 3.974 ms - 111

GET /favicon.ico 404 3.388 ms - 1076

GET / 200 1.632 ms - 207

测试是否启动成功

1

2

3

4

5

6

7

8

9

10

11curl http://localhost:3000

Express

Express

Welcome to Express

ok,至此,nodejs的express框架环境已经配置成功,接下来就可以享受nodejs开发的快感了….

Updated on December 08, 2015

黄杰

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值