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 相关文章推荐
Javascript 自适应高度的Tab选项卡
Apr 05 Javascript
Javascript 数组排序详解
Oct 22 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
Sep 05 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
Nov 25 Javascript
浅谈JavaScript的闭包函数
Dec 08 Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 Javascript
angularJs的ng-class切换class
Jun 23 Javascript
浅谈angularJS的$watch失效问题的解决方案
Aug 11 Javascript
css和js实现弹出登录居中界面完整代码
Nov 26 Javascript
vue webpack实用技巧总结
Apr 24 Javascript
node 命令方式启动修改端口的方法
May 12 Javascript
解决layui动态加载复选框无法选中的问题
Sep 20 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 表单数据的获取代码
2009/03/10 PHP
记录PHP错误日志 display_errors与log_errors的区别
2012/10/09 PHP
PHP之浮点数计算比较以及取整数不准确的解决办法
2015/07/29 PHP
基于Laravel5.4实现多字段登录功能方法示例
2017/08/11 PHP
laravel中短信发送验证码的实现方法
2018/04/25 PHP
php + WebUploader实现图片批量上传功能
2019/05/06 PHP
Javascript 匿名函数及其代码模式原理
2010/03/19 Javascript
JQuery 弹出框定位实现方法
2010/12/02 Javascript
深入理解javascript学习笔记(一) 编写高质量代码
2012/08/09 Javascript
node.js中的url.format方法使用说明
2014/12/10 Javascript
更靠谱的H5横竖屏检测方法(js代码)
2016/09/13 Javascript
如何提高Dom访问速度
2017/01/05 Javascript
JavaScript字符串对象
2017/01/14 Javascript
微信小程序 下拉菜单的实现
2017/04/06 Javascript
AngularJS 中ui-view传参的实例详解
2017/08/25 Javascript
如何编写一个d.ts文件的步骤详解
2018/04/13 Javascript
angularjs实现的购物金额计算工具示例
2018/05/08 Javascript
js实现数字从零慢慢增加到指定数字示例
2019/11/07 Javascript
vue.js iview打包上线后字体图标不显示解决办法
2020/01/20 Javascript
小程序开发之模态框组件封装
2020/04/23 Javascript
从零学Python之入门(二)基本数据类型
2014/05/25 Python
Python实现的石头剪子布代码分享
2014/08/22 Python
Python中对元组和列表按条件进行排序的方法示例
2015/11/10 Python
python getopt详解及简单实例
2016/12/30 Python
PyCharm 常用快捷键和设置方法
2017/12/20 Python
python实现udp传输图片功能
2020/03/20 Python
Pytorch环境搭建与基本语法
2020/06/03 Python
Python 创建TCP服务器的方法
2020/07/28 Python
写一个函数返回1+2+3+…+n的值(假定结果不会超过长整型变量的范围)
2014/09/05 面试题
汽车技术服务与营销专业推荐信
2013/11/29 职场文书
倡导文明标语
2014/06/16 职场文书
党员反对四风思想汇报范文
2014/10/25 职场文书
婚宴新娘致辞
2015/07/28 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
读《儒林外史》有感:少一些功利,多一些真诚
2020/01/19 职场文书
Redis 配置文件重要属性的具体使用
2021/05/20 Redis