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
`-- [email protected]
+-- [email protected]
| `-- [email protected]
+-- [email protected]
| `-- [email protected]
`-- [email protected]


D:\work-space\nodejs>npm install -g express
C:\Users\dell2\AppData\Roaming\npm
`-- [email protected]
+-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| `-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
| `-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
| +-- [email protected]
| `-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
| `-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
| +-- [email protected]
| `-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| `-- [email protected]
+-- [email protected]
+-- [email protected]
| `-- [email protected]
+-- [email protected]
`-- [email protected]


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 [email protected]: Jade has been renamed to pug, please install the latest version of pug instead of jade
[ ..............] - fetchMetadata: WARN deprecated [email protected]: Jade has been[ [ ....[ ..[ .[ .....[ .[[ [ [ [[ [[ .[[ [[ [ npm WARN deprecated [email protected]: Deprecated, use jstransformer
[email protected] D:\work-space\nodejs\testexpress
+-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| `-- [email protected]
| +-- [email protected]
| `-- [email protected]
| `-- [email protected]
+-- [email protected]
| +-- [email protected]
| `-- [email protected]
+-- [email protected]
| `-- [email protected]
+-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| `-- [email protected]
+-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | | `-- [email protected]
| | `-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | | +-- [email protected]
| | | `-- [email protected]
| | +-- [email protected]
| | | `-- [email protected]
| | `-- [email protected]
| | +-- [email protected]
| | | `-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | | +-- [email protected]
| | | | +-- [email protected]
| | | | | +-- [email protected]
| | | | | | `-- [email protected]
| | | | | +-- [email protected]
| | | | | `-- [email protected]
| | | | `-- [email protected]
| | | +-- [email protected]
| | | `-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| `-- [email protected]
| +-- [email protected]
| `-- [email protected]
+-- [email protected]
| +-- [email protected]
| `-- [email protected]
`-- [email protected]
`-- [email protected]


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

> [email protected] 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

猜你喜欢

转载自chenhua-1984.iteye.com/blog/2348581