码迷,mamicode.com
首页 > 其他好文 > 详细

Npm安装以及express框架的使用

时间:2015-11-30 17:20:35      阅读:551      评论:0      收藏:0      [点我收藏+]

标签:

 

一、安装node.js

下载node.js,并将其放置合适的位置

     技术分享

二、修改环境变量

添加Node执行路径添加到系统的环境变量PATH中,如图:在PATH变量的值的最后添加“C:\Program Files\node\;”

 

技术分享

三、验证node安装

打开命令行,输入node,出现下图说明成功

 技术分享

 

四、下载解压npm

1.      下载npm

选择zip包,地址:https://github.com/npm/npm/tags

 技术分享

2.      Npm的压缩包

 技术分享

3.      解压npm包

 

 技术分享

五、安装npm

进入npm包的根目录
并执行命令“node cli.js install npm -gf”

 技术分享

执行完后多了很多文件,包括可执行的npm

 技术分享

六、测试npm安装

 技术分享

七、安装express

执行命令“npm install express -g”

 技术分享

执行后的目录

在node_modules目录下多了express目录。

注意:

执行完后无法执行express命令,因为在node根目录下没有express命令

 技术分享

八、安装可执行express

参考https://www.npmjs.com/package/express

执行命令“ npm install -g express-generator@4”

 技术分享

执行后的node根目录

 技术分享

九、验证express安装

输入“express -V”(注意是大写的V)

 技术分享

 


十、测试express

1.      新建express项目

在桌面上新建了一个express-test文件夹

使用cd命令进入,执行命令“express ./”

 技术分享

2.      执行后的目录

 技术分享

3.      添加项目的依赖

具体的依赖配置在package.json中

执行命令“npm install”

 技术分享

4.      启动项目

执行命令“npm start”

 技术分享

 

5.      测试项目是否启动

在游览器中输入地址“localhost:3000”,看到如下图所示,说明启动成功

 技术分享

6.      控制台的变化

 技术分享

Npm安装以及express框架的使用

标签:

原文地址:http://www.cnblogs.com/zgqys1980/p/5007429.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!