win7下安装配置node.js+express开发环境


Posted in Javascript onDecember 06, 2015

1.安装 node.js。

进入官网的下载地址:http://www.nodejs.org/download/ 。 选择Windows Installer或者选择Windows Installer (.msi) 32-bit,下载安装包。 下载完成后,双击安装。

win7下安装配置node.js+express开发环境

win7下安装配置node.js+express开发环境

2.安装 Express。

通过nmp包管理器进行安装,安装分为: 全局安装:自动安装到“C:\Users\[当前用户]\AppData\Roaming\npm”下,并且自动将路径添加到环境变量“Path”中。 本地安装:安装到当前目录下,不会将路径添加到环境变量“Paht”中。 为了方便使用并且能在命令行中的任意路径下运行“express”命令,首选全局安装。 OK!现在就在命令行中输入“npm install -g express”。 注:"-g"就是全局安装选项,没有这个就是本地安装。

3.创建 Express项目。

win7下安装配置node.js+express开发环境

4.打开package.json ,编辑模板引擎

"jade": ">= 0.0.1" 改成 "ejs": ">= 0.6.0"

保存后,切换到cmd执行

npm installl

检查当前目录下的package.json,自动安装需要的扩展。

站点目录下多了 node_modules,这个目录就是扩展库文件。

express本来自带的jade模板引擎个人不太喜欢,所以使用ejs模板,语法和jsp一样。

node app.js

打开浏览器 http://127.0.0.1:3000/就可以访问了。

win7下安装配置node.js+express开发环境

下面我们来看创建一个工程

现在已经有express

express命令安装在全局才起作用!

所以express安装的时候要用 npm install express -g

或者直接修改全局路径:

npm config set prefix "C:\Program Files\nodejs"

npm config set cache "C:\Program Files\nodejs\cache" (先建好cache目录)

键入:express myapp (myapp是随意起的工程名称)

你会发现多了一个 C:\Program Files\nodejs\myapp 目录

默认情况下:里会自动创建

win7下安装配置node.js+express开发环境

这几个文件,不做解释,相信有过开发经验的同学都能一眼明了。

复制node_modules到myapp下面

环境搭建到此完工,下面做一个demo测试!

在myapp下新建helloworld.js

var http = require("http");
http.createServer(function(request, response) { 
  response.writeHead(200, {"Content-Type": "text/plain"}); 
  response.write("Hello World"); 
  response.end();
}).listen(8888);
console.log("nodejs start listen 8888 port!");

进入node.js command prompt 命令窗口,进入C:\Program Files\nodejs\myapp目录

键入node helloworld.js

win7下安装配置node.js+express开发环境

 打开地址http://127.0.0.1:8888/

Javascript 相关文章推荐
JSONP 跨域共享信息
Aug 16 Javascript
JS代码判断IE6,IE7,IE8,IE9的函数代码
Aug 02 Javascript
ajax+jQuery实现级联显示地址的方法
May 06 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
May 18 Javascript
JS基于面向对象实现的拖拽功能示例
Dec 20 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
Jan 23 jQuery
nginx+vue.js实现前后端分离的示例代码
Feb 12 Javascript
详解Vue组件之间通信的七种方式
Apr 14 Javascript
vue分页器组件编写方法详解
Jun 28 Javascript
vue用BMap百度地图实现即时搜索功能
Sep 26 Javascript
详解微信小程序工程化探索之webpack实战
Apr 20 Javascript
在Vuex中Mutations修改状态操作
Jul 24 Javascript
分享使用AngularJS创建应用的5个框架
Dec 05 #Javascript
如何利用AngularJS打造一款简单Web应用
Dec 05 #Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
Dec 05 #Javascript
浅析jQuery移动开发中内联按钮和分组按钮的编写
Dec 04 #Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
Dec 04 #Javascript
jQuery mobile类库使用时加载导航历史的方法简介
Dec 04 #Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
Dec 04 #Javascript
You might like
星际争霸兵种名称对照表
2020/03/04 星际争霸
简单实用的.net DataTable导出Execl
2013/10/28 PHP
DWZ+ThinkPHP开发时遇到的问题分析
2016/12/12 PHP
PHP Laravel中的Trait使用方法
2019/01/20 PHP
PHP登录验证功能示例【用户名、密码、验证码、数据库、已登陆验证、自动登录和注销登录等】
2019/02/25 PHP
JavaScript让IE浏览器event对象符合W3C DOM标准
2009/11/24 Javascript
基于JQuery实现的类似购物商城的购物车
2011/12/06 Javascript
js单向链表的具体实现实例
2013/06/21 Javascript
javascript对象的相关操作小结
2016/05/16 Javascript
老生常谈JavaScript数组的用法
2016/06/10 Javascript
基于Phantomjs生成PDF的实现方法
2016/11/07 Javascript
javascript常用的设计模式
2017/02/09 Javascript
JavaScript运行原理分析
2018/02/09 Javascript
js中时间格式化的几种方法
2018/07/22 Javascript
AngularJS 事件发布机制
2018/08/28 Javascript
layui实现form表单同时提交数据和文件的代码
2019/10/25 Javascript
webpack proxy 使用(代理的使用)
2020/01/10 Javascript
微信小程序开发打开另一个小程序的实现方法
2020/05/17 Javascript
python获取标准北京时间的方法
2015/03/24 Python
在Windows系统上搭建Nginx+Python+MySQL环境的教程
2015/12/25 Python
Python 调用 Outlook 发送邮件过程解析
2019/08/08 Python
使用PyTorch将文件夹下的图片分为训练集和验证集实例
2020/01/08 Python
Pytorch高阶OP操作where,gather原理
2020/04/30 Python
python可迭代对象去重实例
2020/05/15 Python
Python利用Pillow(PIL)库实现验证码图片的全过程
2020/10/04 Python
Flask处理Web表单的实现方法
2021/01/31 Python
网购亚洲时装、美容产品和生活百货:YesStyle
2016/09/15 全球购物
市优秀教师事迹材料
2014/02/05 职场文书
生物制药专业自我鉴定
2014/02/19 职场文书
团队精神的演讲稿
2014/05/14 职场文书
会议欢迎标语
2014/06/30 职场文书
国庆宣传标语
2014/06/30 职场文书
发票退票证明
2015/06/24 职场文书
《活见鬼》教学反思
2016/02/24 职场文书
导游词之五台山
2019/10/11 职场文书
MySQL池化框架学习接池自定义
2022/07/23 MySQL