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 相关文章推荐
用jscript实现新建word文档
Jun 15 Javascript
读jQuery之三(构建选择器)
Jun 11 Javascript
JS保留小数点(四舍五入、四舍六入)实现思路及实例
Apr 25 Javascript
Node.js和PHP根据ip获取地理位置的方法
Mar 14 Javascript
javascript中利用柯里化函数实现bind方法
Apr 29 Javascript
简单实现js浮动框
Dec 13 Javascript
关于不同页面之间实现参数传递的几种方式讨论
Feb 13 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
Aug 04 Javascript
使用express+multer实现node中的图片上传功能
Feb 02 Javascript
RequireJS用法简单示例
Aug 20 Javascript
vue 根据选择的月份动态展示日期对应的星期几
Feb 06 Vue.js
分享使用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
php版微信公众平台接口开发之智能回复开发教程
2016/09/22 PHP
php 调用百度sms来发送短信的实现示例
2018/11/02 PHP
PHP面向对象程序设计之接口的继承定义与用法详解
2018/12/20 PHP
PHP框架实现WebSocket在线聊天通讯系统
2019/11/21 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
动态样式类封装JS代码
2009/09/02 Javascript
TextArea 控件的最大长度问题(js json)
2009/12/16 Javascript
在网页中使用document.write时遭遇的奇怪问题
2010/08/24 Javascript
window.open的页面如何刷新(父页面)上层页面
2012/12/28 Javascript
分享一个常用的javascript静态类
2014/12/31 Javascript
jQuery中:selected选择器用法实例
2015/01/04 Javascript
JSON与XML优缺点对比分析
2015/07/17 Javascript
Nodejs爬虫进阶教程之异步并发控制
2016/02/15 NodeJs
Immutable 在 JavaScript 中的应用
2016/05/02 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
2016/05/24 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
2016/08/26 Javascript
js实现3D图片展示效果
2017/03/09 Javascript
BootStrap的两种模态框方式
2017/05/10 Javascript
angular ng-click防止重复提交实例
2017/06/16 Javascript
如何理解Vue的render函数的具体用法
2017/08/30 Javascript
小程序实现展开/收起的效果示例
2018/09/22 Javascript
js实现弹出框的拖拽效果实例代码详解
2019/04/16 Javascript
JS动态显示倒计时效果
2019/12/12 Javascript
学习 Vue.js 遇到的那些坑
2021/02/02 Vue.js
[01:20]PWL开团时刻DAY9——听说潮汐没用?
2020/11/10 DOTA
Python模拟百度登录实例详解
2016/01/20 Python
Python使用re模块实现信息筛选的方法
2018/04/29 Python
python pandas模块基础学习详解
2019/07/03 Python
在pycharm中为项目导入anacodna环境的操作方法
2020/02/12 Python
CSS3 animation实现逐帧动画效果
2016/06/02 HTML / CSS
一套软件测试笔试题
2014/07/25 面试题
2014年稽查工作总结
2014/12/20 职场文书
爱情保证书
2015/01/17 职场文书
Go语言操作数据库及其常规操作的示例代码
2021/04/21 Golang
python绘制简单直方图(质量分布图)的方法
2022/04/21 Python
Nginx利用Logrotate实现日志分割
2022/05/20 Servers