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 实现的全选和反选
Apr 15 Javascript
js Math 对象的方法
Sep 01 Javascript
jquery绑定事件不生效的解决方法
Feb 11 Javascript
jquery使用ajax实现微信自动回复插件
Apr 28 Javascript
JavaScript中具名函数的多种调用方式总结
Nov 08 Javascript
JS实现跟随鼠标立体翻转图片的方法
May 04 Javascript
jQuery下拉友情链接美化效果代码分享
Aug 26 Javascript
jQuery实现级联下拉框实战(5)
Feb 08 Javascript
vue.js与后台数据交互的实例讲解
Aug 08 Javascript
vue.js父子组件通信动态绑定的实例
Sep 28 Javascript
vant 时间选择器--开始时间和结束时间实例
Nov 04 Javascript
vue实力踩坑之push当前页无效
Apr 10 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
使用 PHPMAILER 发送邮件实例应用
2012/11/07 PHP
PHP多例模式介绍
2013/06/24 PHP
php实现按文件名搜索文件的远程文件查找器
2014/05/10 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
PHP实现随机发扑克牌
2020/04/22 PHP
用js怎么把&字符换成"&amp:"
2006/10/19 Javascript
jquery 新浪网易的评论块制作
2010/07/01 Javascript
js判断字符是否是汉字的两种方法小结
2014/01/03 Javascript
javascript获取函数名称、函数参数、对象属性名称的代码实例
2014/04/12 Javascript
jquery通过visible来判断标签是否显示或隐藏
2014/05/08 Javascript
jquery插件corner实现圆角边框的方法
2015/03/09 Javascript
js兼容火狐获取图片宽和高的方法
2015/05/21 Javascript
JavaScript获取数组最小值和最大值的方法
2015/06/09 Javascript
jQuery.extend 函数及用法详细
2015/09/06 Javascript
jquery实现轮播图效果
2017/02/13 Javascript
angular ng-model 无法获取值的处理方法
2018/10/02 Javascript
为什么要使用Vuex的介绍
2019/01/19 Javascript
Vue中CSS动画原理的实现
2019/02/13 Javascript
laypage+SpringMVC实现后端分页
2019/07/27 Javascript
微信小程序去除左上角返回键的实现方法
2020/03/06 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
vue data变量相互赋值后被实时同步的解决步骤
2020/08/05 Javascript
js实现简易计算器小功能
2020/11/18 Javascript
Python模拟三级菜单效果
2017/09/11 Python
解决Python下json.loads()中文字符出错的问题
2018/12/19 Python
python实现字符串加密成纯数字
2019/03/19 Python
python脚本当作Linux中的服务启动实现方法
2019/06/28 Python
django2笔记之路由path语法的实现
2019/07/17 Python
python读取指定字节长度的文本方法
2019/08/27 Python
Windows下pycharm创建Django 项目(虚拟环境)过程解析
2019/09/16 Python
解决PyCharm无法使用lxml库的问题(图解)
2020/12/22 Python
国外平面设计素材网站:The Hungry JPEG
2017/03/28 全球购物
我为自己代言广告词
2014/03/18 职场文书
原告代理词范文
2015/05/25 职场文书
Python 如何实现文件自动去重
2021/06/02 Python
postgresql中如何执行sql文件
2023/05/08 PostgreSQL