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调用WebService的示例
Apr 07 Javascript
最近项目写了一些js,水平有待提高
Jan 31 Javascript
javascript检测对象中是否存在某个属性判断方法小结
May 19 Javascript
AngularJS 自定义指令详解及示例代码
Aug 17 Javascript
JS实现动态添加DOM节点和事件的方法示例
Apr 28 Javascript
javascript 初学教程及五子棋小程序的简单实现
Jul 04 Javascript
自定义事件解决重复请求BUG的问题
Jul 11 Javascript
JavaScript中使用参数个数实现重载功能
Sep 01 Javascript
解决vuecli3.0热更新失效的问题
Sep 19 Javascript
vue slot与传参实例代码讲解
Apr 28 Javascript
Vue3 实现双盒子定位Overlay的示例
Dec 22 Vue.js
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
Jan 13 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
15种PHP Encoder的比较
2007/03/06 PHP
解析Linux下Varnish缓存的配置优化
2013/06/20 PHP
PHP5各个版本的新功能和新特性总结
2014/03/16 PHP
thinkPHP和onethink微信支付插件分享
2019/08/11 PHP
laravel 字段格式化 modle 字段类型转换方法
2019/09/30 PHP
js可突破windows弹退效果代码
2008/08/09 Javascript
HTML长文本截取含有HTML代码同样适用的两种方法
2013/07/31 Javascript
用jquery写的菜单从左往右滑动出现
2014/04/11 Javascript
Jquery组件easyUi实现手风琴(折叠面板)示例
2016/08/23 Javascript
js HTML5多媒体影音播放
2016/10/17 Javascript
原生JS和jQuery操作DOM对比总结
2017/01/19 Javascript
jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果
2017/02/15 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
2017/10/16 Javascript
jQuery实现手机号正则验证输入及自动填充空格功能
2018/01/02 jQuery
详解从买域名到使用pm2部署node.js项目全过程
2018/03/07 Javascript
详解webpack 最简打包结果分析
2019/02/20 Javascript
微信小程序左右滚动公告栏效果代码实例
2019/09/16 Javascript
python对日志进行处理的实例代码
2018/10/06 Python
python+pygame实现坦克大战
2019/09/10 Python
Transpose 数组行列转置的限制方式
2020/02/11 Python
Python 如何实现数据库表结构同步
2020/09/29 Python
BeautifulSoup中find和find_all的使用详解
2020/12/07 Python
Python 虚拟环境工作原理解析
2020/12/24 Python
如何查看python关键字
2021/01/17 Python
python 多线程爬取壁纸网站的示例
2021/02/20 Python
法律专业应届本科毕业生求职信
2013/10/25 职场文书
护理专科毕业推荐信
2013/11/10 职场文书
2015年建筑工作总结报告
2015/05/04 职场文书
离婚案件原告代理词
2015/05/23 职场文书
工伤劳动仲裁代理词
2015/05/25 职场文书
大学生学生会工作总结2015
2015/05/26 职场文书
高二数学教学反思
2016/02/18 职场文书
高中16字霸气押韵班级口号集锦!
2019/06/27 职场文书
html实现随机点名器的示例代码
2021/04/02 Javascript
Html5通过数据流方式播放视频的实现
2021/04/27 HTML / CSS
python图像处理 PIL Image操作实例
2022/04/09 Python