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 相关文章推荐
基于jquery的代码显示区域自动拉长效果
Dec 07 Javascript
JavaScript cookie的设置获取删除详解
Feb 11 Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
Nov 12 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
Nov 24 Javascript
jQuery增加与删除table列的方法
Mar 01 Javascript
PHP抓取HTTPS内容和错误处理的方法
Sep 30 Javascript
bootstrap表单示例代码分享
May 18 Javascript
详解用webpack把我们的业务模块分开打包的方法
Jul 20 Javascript
React中使用collections时key的重要性详解
Aug 07 Javascript
Vue仿今日头条实例详解
Feb 06 Javascript
Node.js Buffer用法解读
May 18 Javascript
vue.js 2.0实现简单分页效果
Jul 29 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
mysql5详细安装教程
2007/01/15 PHP
smarty 缓存控制前的页面静态化原理
2013/03/15 PHP
6种php上传图片重命名的方法实例
2013/11/04 PHP
php用正则表达式匹配URL的简单方法
2013/11/12 PHP
PHP实现Javascript中的escape及unescape函数代码分享
2015/02/10 PHP
Windows Server 2008 R2和2012中PHP连接MySQL过慢的解决方法
2016/07/02 PHP
PHP基于curl post实现发送url及相关中文乱码问题解决方法
2017/11/25 PHP
php读取本地json文件的实例
2018/03/07 PHP
javascript基本语法分析说明
2008/06/15 Javascript
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
2008/12/29 Javascript
input 高级限制级用法
2009/03/26 Javascript
js数字输入框(包括最大值最小值限制和四舍五入)
2009/11/24 Javascript
jQuery插件slider实现拖动滑块选取价格范围
2015/04/30 Javascript
javascript实现的淘宝旅行通用日历组件用法实例
2015/08/03 Javascript
浅谈JS中的三种字符串连接方式及其性能比较
2016/09/02 Javascript
vue axios用法教程详解
2017/07/23 Javascript
微信小程序中吸底按钮适配iPhone X方案
2017/11/29 Javascript
create-react-app安装出错问题解决方法
2018/09/04 Javascript
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
微信公众号H5之微信分享常见错误和问题(小结)
2019/11/14 Javascript
[15:35]教你分分钟做大人:天怒法师
2014/10/30 DOTA
Python实现将不规范的英文名字首字母大写
2016/11/15 Python
windows下python安装pip图文教程
2018/05/25 Python
利用python库在局域网内传输文件的方法
2018/06/04 Python
python使用openCV遍历文件夹里所有视频文件并保存成图片
2020/01/14 Python
Python控制鼠标键盘代码实例
2020/12/08 Python
基于注解实现 SpringBoot 接口防刷的方法
2021/03/02 Python
圣诞树世界:Christmas Tree World
2019/12/10 全球购物
英国礼品和生活方式品牌:Treat Republic
2020/11/21 全球购物
工作睡觉检讨书
2014/02/25 职场文书
企业员工薪酬方案
2014/06/04 职场文书
医学求职自荐信
2014/06/21 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
作风整顿个人剖析材料
2014/10/06 职场文书
邀请函怎么写
2015/01/30 职场文书
Moment的feature导致线上bug解决分析
2022/09/23 Javascript