nodejs在windows下面环境搭建

    近期nodejs很火，打算安装起来体验一下，首先安装nodejs的基础运行环境，然后安装web开发框架express

 一：下载node.js,官网地址https://nodejs.org/en/ 我下载的是7.3.0最新版本

         download以后，开始安装，windows的安装最简单了，不说了，下一步即可。

 

 二 ：安装好nodejs以后，代开CMD，执行node -v 查看是否安装成功，正常后有版本打印出来，在测试下npm是否安装成功，在安装nodejs的时候一起安装的，npm -v 查看

 

 三： install express

         进入CMD，执行npm install -g express-generator 

                                   npm install -g express  

                            等待安装完成

写道

D:\work-space\nodejs>npm -v
3.10.10

D:\work-space\nodejs>npm install -g express-generator
C:\Users\dell2\AppData\Roaming\npm\express -> C:\Users\dell2\AppData\Roaming\npm\node_modules\express-generator\bin\express
C:\Users\dell2\AppData\Roaming\npm
`-- express-generator@4.14.0
+-- commander@2.9.0
| `-- graceful-readlink@1.0.1
+-- mkdirp@0.5.1
| `-- minimist@0.0.8
`-- sorted-object@2.0.0


D:\work-space\nodejs>npm install -g express
C:\Users\dell2\AppData\Roaming\npm
`-- express@4.14.0
+-- accepts@1.3.3
| +-- mime-types@2.1.13
| | `-- mime-db@1.25.0
| `-- negotiator@0.6.1
+-- array-flatten@1.1.1
+-- content-disposition@0.5.1
+-- content-type@1.0.2
+-- cookie@0.3.1
+-- cookie-signature@1.0.6
+-- debug@2.2.0
| `-- ms@0.7.1
+-- depd@1.1.0
+-- encodeurl@1.0.1
+-- escape-html@1.0.3
+-- etag@1.7.0
+-- finalhandler@0.5.0
| +-- statuses@1.3.1
| `-- unpipe@1.0.0
+-- fresh@0.3.0
+-- merge-descriptors@1.0.1
+-- methods@1.1.2
+-- on-finished@2.3.0
| `-- ee-first@1.1.1
+-- parseurl@1.3.1
+-- path-to-regexp@0.1.7
+-- proxy-addr@1.1.2
| +-- forwarded@0.1.0
| `-- ipaddr.js@1.1.1
+-- qs@6.2.0
+-- range-parser@1.2.0
+-- send@0.14.1
| +-- destroy@1.0.4
| +-- http-errors@1.5.1
| | +-- inherits@2.0.3
| | `-- setprototypeof@1.0.2
| `-- mime@1.3.4
+-- serve-static@1.11.1
+-- type-is@1.6.14
| `-- media-typer@0.3.0
+-- utils-merge@1.0.0
`-- vary@1.1.0


D:\work-space\nodejs>express -V

Usage: express [options] [dir]

Options:

-h, --help output usage information
--version output the version number
-e, --ejs add ejs engine support
--pug add pug engine support
--hbs add handlebars engine support
-H, --hogan add hogan.js engine support
-v, --view <engine> add view <engine> support (ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade)
-c, --css <engine> add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)
--git add .gitignore
-f, --force force on non-empty directory


error: unknown option `-V'


D:\work-space\nodejs>express -v

Usage: express [options] [dir]

Options:

-h, --help output usage information
--version output the version number
-e, --ejs add ejs engine support
--pug add pug engine support
--hbs add handlebars engine support
-H, --hogan add hogan.js engine support
-v, --view <engine> add view <engine> support (ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade)
-c, --css <engine> add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)
--git add .gitignore
-f, --force force on non-empty directory


error: option `-v, --view <engine>' argument missing

   四：建立一个项目

    

写道

D:\work-space\nodejs>express testexpress

warning: the default view engine will not be jade in future releases
warning: use `--view=jade' or `--help' for additional options


create : testexpress
create : testexpress/package.json
create : testexpress/app.js
create : testexpress/public
create : testexpress/routes
create : testexpress/routes/index.js
create : testexpress/routes/users.js
create : testexpress/views
create : testexpress/views/index.jade
create : testexpress/views/layout.jade
create : testexpress/views/error.jade
create : testexpress/bin
create : testexpress/bin/www
create : testexpress/public/javascripts
create : testexpress/public/images
create : testexpress/public/stylesheets
create : testexpress/public/stylesheets/style.css

install dependencies:
> cd testexpress && npm install

run the app:
> SET DEBUG=testexpress:* & npm start

express的默认模版采用jade，若需要ejs模版支持，加上-e选项，即 express -e testexpress

D:\work-space\nodejs>dir
驱动器 D 中的卷是 软件
卷的序列号是 0003-E8A4

D:\work-space\nodejs 的目录

2017/01/03 16:53 <DIR> .
2017/01/03 16:53 <DIR> ..
2017/01/03 15:37 <DIR> node_modules
2017/01/03 16:53 <DIR> testexpress
0 个文件 0 字节
4 个目录 71,829,303,296 可用字节

D:\work-space\nodejs>cd testexpress

D:\work-space\nodejs\testexpress>dir
驱动器 D 中的卷是 软件
卷的序列号是 0003-E8A4

D:\work-space\nodejs\testexpress 的目录

2017/01/03 16:53 <DIR> .
2017/01/03 16:53 <DIR> ..
2017/01/03 16:53 1,257 app.js
2017/01/03 16:53 <DIR> bin
2017/01/03 16:53 331 package.json
2017/01/03 16:53 <DIR> public
2017/01/03 16:53 <DIR> routes
2017/01/03 16:53 <DIR> views
2 个文件 1,588 字节
6 个目录 71,829,303,296 可用字节

D:\work-space\nodejs\testexpress>

   

• node_modules, 存放所有的项目依赖库。(每个项目管理自己的依赖，与Maven,Gradle等不同)
• package.json，项目依赖配置及开发者信息
• app.js，程序启动文件
• public，静态文件(css,js,img)
• routes，路由文件(MVC中的C,controller)
• Views，页面文件()

 

五：运行项目

 

写道

D:\work-space\nodejs\testexpress>npm install
npm WARN deprecated jade@1.11.0: Jade has been renamed to pug, please install the latest version of pug instead of jade
[ ..............] - fetchMetadata: WARN deprecated jade@1.11.0: Jade has been[ [ ....[ ..[ .[ .....[ .[[ [ [ [[ [[ .[[ [[ [ npm WARN deprecated transformers@2.1.0: Deprecated, use jstransformer
testexpress@0.0.0 D:\work-space\nodejs\testexpress
+-- body-parser@1.15.2
| +-- bytes@2.4.0
| +-- content-type@1.0.2
| +-- depd@1.1.0
| +-- http-errors@1.5.1
| | +-- inherits@2.0.3
| | +-- setprototypeof@1.0.2
| | `-- statuses@1.3.1
| +-- iconv-lite@0.4.13
| +-- on-finished@2.3.0
| | `-- ee-first@1.1.1
| +-- qs@6.2.0
| +-- raw-body@2.1.7
| | `-- unpipe@1.0.0
| `-- type-is@1.6.14
| +-- media-typer@0.3.0
| `-- mime-types@2.1.13
| `-- mime-db@1.25.0
+-- cookie-parser@1.4.3
| +-- cookie@0.3.1
| `-- cookie-signature@1.0.6
+-- debug@2.2.0
| `-- ms@0.7.1
+-- express@4.14.0
| +-- accepts@1.3.3
| | `-- negotiator@0.6.1
| +-- array-flatten@1.1.1
| +-- content-disposition@0.5.1
| +-- encodeurl@1.0.1
| +-- escape-html@1.0.3
| +-- etag@1.7.0
| +-- finalhandler@0.5.0
| +-- fresh@0.3.0
| +-- merge-descriptors@1.0.1
| +-- methods@1.1.2
| +-- parseurl@1.3.1
| +-- path-to-regexp@0.1.7
| +-- proxy-addr@1.1.2
| | +-- forwarded@0.1.0
| | `-- ipaddr.js@1.1.1
| +-- range-parser@1.2.0
| +-- send@0.14.1
| | +-- destroy@1.0.4
| | `-- mime@1.3.4
| +-- serve-static@1.11.1
| +-- utils-merge@1.0.0
| `-- vary@1.1.0
+-- jade@1.11.0
| +-- character-parser@1.2.1
| +-- clean-css@3.4.23
| | +-- commander@2.8.1
| | | `-- graceful-readlink@1.0.1
| | `-- source-map@0.4.4
| | `-- amdefine@1.0.1
| +-- commander@2.6.0
| +-- constantinople@3.0.2
| | `-- acorn@2.7.0
| +-- jstransformer@0.0.2
| | +-- is-promise@2.1.0
| | `-- promise@6.1.0
| | `-- asap@1.0.0
| +-- mkdirp@0.5.1
| | `-- minimist@0.0.8
| +-- transformers@2.1.0
| | +-- css@1.0.8
| | | +-- css-parse@1.0.4
| | | `-- css-stringify@1.0.5
| | +-- promise@2.0.0
| | | `-- is-promise@1.0.1
| | `-- uglify-js@2.2.5
| | +-- optimist@0.3.7
| | | `-- wordwrap@0.0.3
| | `-- source-map@0.1.43
| +-- uglify-js@2.7.5
| | +-- async@0.2.10
| | +-- source-map@0.5.6
| | +-- uglify-to-browserify@1.0.2
| | `-- yargs@3.10.0
| | +-- camelcase@1.2.1
| | +-- cliui@2.1.0
| | | +-- center-align@0.1.3
| | | | +-- align-text@0.1.4
| | | | | +-- kind-of@3.1.0
| | | | | | `-- is-buffer@1.1.4
| | | | | +-- longest@1.0.1
| | | | | `-- repeat-string@1.6.1
| | | | `-- lazy-cache@1.0.4
| | | +-- right-align@0.1.3
| | | `-- wordwrap@0.0.2
| | +-- decamelize@1.2.0
| | `-- window-size@0.1.0
| +-- void-elements@2.0.1
| `-- with@4.0.3
| +-- acorn@1.2.2
| `-- acorn-globals@1.0.9
+-- morgan@1.7.0
| +-- basic-auth@1.0.4
| `-- on-headers@1.0.1
`-- serve-favicon@2.3.2
`-- ms@0.7.2


D:\work-space\nodejs\testexpress>

 

 

写道

D:\work-space\nodejs\testexpress>npm start

> testexpress@0.0.0 start D:\work-space\nodejs\testexpress
> node ./bin/www

GET / 200 1492.291 ms - 170
GET /stylesheets/style.css 200 5.717 ms - 111
GET /favicon.ico 404 87.957 ms - 1135

 

写道

http://localhost:3000/
result:

Express

Welcome to Express

 

 

   这样，环境就安装好了。。

   

具体的代码开发，使用文本编辑器就可以 比如sublime