nodejs初体验

来源:互联网 发布:一路向前知乎 编辑:程序博客网 时间:2024/06/05 21:36

参考:http://blog.fens.me/nodejs-express3/


一、安装配置环境

1、下载安装包,官网地址:http://www.nodejs.org/download/,安装默认安装,一路next,安装完后npm命令已经安装了。可以通过node -v  ;   npm  -v 查看安装是否成功

如果在执行npm -v 时找不到该命令时(Error: ENOENT, stat 'C:\Users\xx\AppData\Roaming\npm'),可以在提示的目录下建立npm文件夹即可

 

npm全局安装和本地安装区别:

A、本地安装

执行 npm install xxx# 本地安装,则是将模块下载到当前命令行所在目录
B、全局安装

执行npm install xxx  -g 全局安装,模块将被下载nodejs安装到目录(全局目录)中 。

我按装的版本:

C:\Users\xx>node
v0.10.35

C:\Users\xx>npm -v
1.4.28

二、安装最新的express4.0

我自己的环境是安装默认进行安装的,所以执行

1、npm install express -g  

如果下载失败,可以换个镜像  npm --registry=http://r.cnpmjs.org install -g express -d 试试

(npm config set registryhttp://registry.npmjs.vitecho.com   设置国内的镜像)

-g代表安装到NODE_PATH的lib里面,而-d代表把相依性套件也一起安装。如果沒有-g的话会安装目前所在的目录(会建立一个node_modules的文件夹),你可以透过以下指令来比较两者的不同:

npm list -g
npm list

安装成功后express被安装到了"C:\Users\xx\AppData\Roaming\npm\node_modules" 目录下即之前新建的npm文件夹下,并没有安装到nodejs安装的目录下,如果要装到指定目录需要通过如下命令来改变安装配置路径:

       设置全局目录命令 :    npm config set prefix "C:\Program Files\nodejs\node_global" 
       设置cache目录命令  :npm config set cache "C:\Program Files\nodejs\node_cache"

使用npm help config命令可以查看配置帮助页面

npm config list 参考基本配置

 注意:在express3以上的版本把layout默认给取消了,所以现在在views文件夹下并没有生成layout.ejs。

安装了ejs后,如何使用ejs的layout模板
安装express-partials

在cmd中切换到项目目录,运行npm install express-partials或者

在 package.json 里面的 dependencies 添加 "express-partials": "*"。然后在项目目录下运行 npm install 。

然后在app.js 里面引用 express-partials,引用方法:

1.添加引用 var partials = require('express-partials');

2.在 app.set('view engine', 'ejs'); 下面添加 app.use(partials());

在需要引用模板的地方调用 layout:'模版名称' 示例
app.get('/reg', function (req, res) {
res.render('reg', {
title: '用户注册',
layout: 'template'
});
});

2、执行express -V 提示找不到命令,原因:,最新express4.0版本中将命令工具分家出来了,所以我们还需要安装一个命令工具,命令如下

npm install -g express-generator

C:\Users\xx>express -V
4.9.0

3、卸载: npm uninstall -g express
安装指定版本: npm install -g express@3.5.0
查看版本: express -V
注意express -V中的V要大写,不然很多版本中会不识别

三、创建工程

使用express -help命令查看创建工程的命令

1、创建工程

D:\nodejs_learn>express -e nodejs-demo

   create : nodejs-demo
   create : nodejs-demo/package.json
   create : nodejs-demo/app.js
   create : nodejs-demo/public
   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
   create : nodejs-demo/public/images
   create : nodejs-demo/public/javascripts
   create : nodejs-demo/public/stylesheets
   create : nodejs-demo/public/stylesheets/style.css

   install dependencies:
     $ cd nodejs-demo && npm install

   run the app:
     $ DEBUG=nodejs-demo ./bin/www

 

目录介绍:

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

 

 

2、根据提示下载依赖包

cd nodejs-demo && npm install

3、模板建立成功,启动项目

node ./bin/www

打开浏览器 http://localhost:3000

4、安装supervisor工具,当修改代码后程序会自动重启

npm install supervisor

可以使用supervisor ./bin/www 代替node ./bin/www启动项目

0 0
原创粉丝点击