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 相关文章推荐
js 优化次数过多的循环 考虑到性能问题
Mar 05 Javascript
jQuery取得iframe中元素的常用方法详解
Jan 14 Javascript
Backbone中View之间传值的学习心得
Aug 09 Javascript
angularjs 中$apply,$digest,$watch详解
Oct 13 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
Dec 22 Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
关于在mongoose中填充外键的方法详解
Aug 14 Javascript
vue2.0项目中使用Ueditor富文本编辑器示例代码
Aug 14 Javascript
vue中v-model动态生成的实例详解
Oct 27 Javascript
javascript少儿编程关于返回值的函数内容
May 27 Javascript
mocha的时序规则讲解
Feb 16 Javascript
微信小程序调用微信支付接口的实现方法
Apr 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
php设计模式 Interpreter(解释器模式)
2011/06/26 PHP
PHP中大于2038年时间戳的问题处理方案
2015/03/03 PHP
js保留两位小数使用toFixed实现
2013/07/29 Javascript
jQuery照片伸缩效果不影响其他元素的布局
2014/05/09 Javascript
使用window.prompt()实现弹出用户输入的对话框
2015/04/13 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
2016/12/05 Javascript
jQuery.Validate表单验证插件的使用示例详解
2017/01/04 Javascript
JS生成一维码(条形码)功能示例
2017/01/19 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
2017/09/18 Javascript
angular4中关于表单的校验示例
2017/10/16 Javascript
基于JavaScript实现五子棋游戏
2020/08/26 Javascript
Vue仿今日头条实例详解
2018/02/06 Javascript
bootstrap下拉框动态赋值方法
2018/08/10 Javascript
js笔试题-接收get请求参数
2019/06/15 Javascript
jQuery实现的记住帐号密码功能完整示例
2019/08/03 jQuery
微信小程序后端实现授权登录
2020/02/24 Javascript
js实现无缝轮播图效果
2020/03/09 Javascript
微信小程序实现简单文字跑马灯
2020/05/26 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
2020/11/11 Javascript
Python中functools模块函数解析
2017/03/12 Python
Python中的CSV文件使用"with"语句的方式详解
2018/10/16 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
Python3几个常见问题的处理方法
2019/02/26 Python
python-pyinstaller、打包后获取路径的实例
2019/06/10 Python
使用pytorch完成kaggle猫狗图像识别方式
2020/01/10 Python
CSS3 选择器 属性选择器介绍
2012/01/21 HTML / CSS
美国时尚配饰品牌:Dooney & Bourke
2017/11/14 全球购物
纪伊国屋新加坡网上书店:Kinokuniya新加坡
2017/12/29 全球购物
计算机开发个人求职信范文
2013/09/26 职场文书
区域销售主管岗位职责
2014/06/15 职场文书
励志演讲稿大全
2014/08/21 职场文书
党的群众路线教育实践活动剖析材料
2014/09/30 职场文书
科学育儿宣传标语
2014/10/08 职场文书
Python爬虫数据的分类及json数据使用小结
2021/03/29 Python
浅谈什么是SpringBoot异常处理自动配置的原理
2021/06/21 Java/Android