Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)_javascript技巧

这里只是纯粹的搭建,连环境都没有,还玩什么服务器端js,一切都成了浮云,让我们先搭建一个环境,输入一个“hello world”的页面。
对的,windows7下的搭建,你只需一步一步跟着我做,就ok了,不用去了解过多的细节,那不是我们现在要关心的,我们现在首要目的是把环境搭建好,要不然就没有下一步了。

  Step 1. 下载node.js在windows下是要安装在Cygwin下的,去Cygwin网站下载Cygwin安装程序。

  Cygwin网站:http://cygwin.com/

  直接下载地址:http://cygwin.com/setup.exe

  Step 2. 安装

  安装你下下来的Cygwin程序,基本上只需下一步就可以。

  在Choose A Download Source界面选择-》install from internet

  在Select Your Internet Connection界面选择-》Direct Connect

  在Choose A Download Site界面选择-》这个自己选择了,就是选择下载的镜像,推荐使用.jp结尾的日本网站,速度比较快

  注意:如果你是首次安装,可能会弹出警告提示,不管管他,点击ok就可以。

  Step 3. 选择安装组件

  注意:由于组件较多,建议使用搜索的方式来查找。点击名字即可选中,选中后后面会有一个小方块,里面有X(叉)表示选中。

  Devel 分类

  gcc-g++: C++ compiler

  gcc-mingw-g++: Mingw32 support headers and libraries for GCC C++

  gcc4-g++: G++ subpackage

  git: Fast Version Control System – core files

  make: The GNU version of the 'make' utility

  openssl-devel: The OpenSSL development environment

  pkg-config: A utility used to retrieve information about installed libraries

  zlib-devel: The zlib compression/decompression library (development)

  Editor 分类

  vim: Vi IMproved - enhanced vi editor

  Python 分类

  全部

  注意:全部安裝,你只要点选 Python 右边的图标切换至 Install 即可。

  Web 分类

  wget: Utility to retrieve files from the WWW via HTTP and FTP

  curl: Multi-protocol file transfer command-line tool

  下一步之后会提示你有许多相依的组件需要安装,基本上直接按下一步即可。

  注意:由于组件都是在线下载,可能有点漫长,等待即可。

  Step 4. 运行ash.exe

  安装完后会在桌面生成图标(如果你选了在桌面生成图标项的话),注意不是运行这个图标!

  打开文件夹,进入C:cygwinbin 目录中,这个是默认的安装目录,如果你修改过安装目录,自己进入到cygwin的安装目录下的bin目录中。

  运行ash.exe

  在弹出的命令窗口中执行 ./rebaseall -v 命令

  等命令执行完成执行 exit 退出 ash

  Step 5. 下载并安装Node.js

  运行桌面上的Cygwin程序。

  在命令窗口中输入 wget http://nodejs.org/dist/node-v0.4.7.tar.gz 回车。

  注意:我在写这篇文章是node.js的最新版本是node-v0.4.7, http://nodejs.org/dist/node-v0.4.7.tar.gz 是node.js的下载地址,你在看这篇文章时可以自己去node.js的网站获取最新的下载路径替换就可以了

  Node.js网站:http://nodejs.org/

  在命令窗口中输入 tar xf node-v0.4.7.tar.gz 回车,node-v0.4.7.tar.gz为你自己下载的版本。

  在命令窗口中输入 cd node-v0.4.7 回车。

  在命令窗口中输入 ./configure 回车。

  在命令窗口中输入 make 回车。

  在命令窗口中输入 make install 回车。

  ok,到这里你已经安装完成node.js了

  在命令窗口中输入 node --version 回车,看看你的node.js版本。

  Step 6. 设置DNS

  打开文件夹,进入到C:cygwinetc 文件夹下。

  手动建立 resolv.conf 文件。

  用记事本打开刚建立的resolv.conf文件,添加如下

  nameserver 8.8.8.8

  nameserver 8.8.4.4

  保存并关闭。

  Step End. 测试Node.js是否可以运行

  到此你就已经搭建完成了,但是不知道是否可以正确运行,那么,下面让我们来写个示例文件来测试下。

  在C:cygwin 目录下建立 example.js

  输入

  var http = require('http');

  http.createServer(function (request, response) {

  response.writeHead(200, {'Content-Type': 'text/html'});

  response.end('Hello World');

  }).listen(8888);

  console.log('Server running at http://127.0.0.1:8888/');

  保存(注意:保存为UTF-8格式,要不然会报语法错误)。

  运行cygwin,在命令窗口中输入 node /example.js 回车

  是否看见了Server running at http://127.0.0.1:8888/

  不要关闭cygwin,打开浏览器,访问http://127.0.0.1:8888/ 看看是否出现了hello world的页面。

时间: 2024-11-10 00:39:54

Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)_javascript技巧的相关文章

windows7下搭建hadoop集群环境

问题描述 有人会在win7下搭建hadoop集群环境吗?我急需要搭建,有会的帮帮忙吧,我整了两天了没弄出来,着急死了!cygwin安装完运行sshlocalhost出现这种错误,是怎么回事啊? 解决方案 解决方案二:我是真心不会,帮顶吧,有份资料可以参考下,去搜"王家林hadoop".解决方案三:楼上的问题解决了吗?我跟你遇到了完全相同的问题~跪求答案

Bootstrap每天必学之js插件_javascript技巧

1.Bootstrap 插件概览 在前面 布局组件 章节中所讨论到的组件仅仅是个开始.Bootstrap 自带 12 种 jQuery 插件,扩展了功能,可以给站点添加更多的互动.即使您不是一名高级的 JavaScript 开发人员,您也可以着手学习 Bootstrap 的 JavaScript 插件.利用 Bootstrap 数据 API(Bootstrap Data API),大部分的插件可以在不编写任何代码的情况被触发. 2.导入JavaScript插件 Bootstrap除了包含丰富的W

Windows7下搭建web服务器的简单步骤

  1.打开控制面板,选择并进入"程序",双击"打开或关闭Windows服务",在弹出的窗口中选择"Internet信息服务"下面所有地选项,点击确定后,开始更新服务. 2.更新完成后,打开浏览器,输入"http://localhost/"回车,如果此时出现IIS7欢迎界面,说明Web服务器已经搭建成功. 3.当web服务器搭建成功后,我们下一步所要做的就是把我们开发的网站安装到Web服务器的目录中.一般情况下,当Web服务器

Bootstrap3.0学习教程之JS折叠插件_javascript技巧

过渡效果 关于过渡效果 对于简单的过渡效果,只需将transition.js和其它JS文件一起引入即可.如果你使用的是编译(或压缩)好的bootstrap.js文件,就无需再单独将其引入了. What's inside Transition.js是针对 is a basic helper for transitionEnd事件的一个基本助手工具,也是对CSS过渡效果的模拟.它被其它插件用来检测当前浏览器对CSS过渡效果是否支持. 折叠 对为支持折叠功能的组件,例如accordions和导航,赋予

Vue.js 2.0 和 React、Augular等其他前端框架大比拼_javascript技巧

React React 和 Vue 有许多相似之处,它们都有: 使用 Virtual DOM 提供了响应式(Reactive)和组件化(Composable)的视图组件. 保持注意力集中在核心库,伴随于此,有配套的路由和负责处理全局状态管理的库. 相似的作用域,我们会用更多的时间来讲这一块的比较.不仅我们要保持技术的准确性,同时兼顾平衡.我们指出React比Vue更好的地方,例如,他们的生态系统和丰富的自定义渲染器. React社区在这里非常积极地帮助我们实现这一平衡,特别感谢来自 React

JS清空上传控件input(type="file")的值的代码第1/2页_javascript技巧

google找到这样一个解决方法: 在上传控件中插入了值,就只能通过form的reset功能来清空了,但是form里面其他的值也被reset了. 既然可以使用form的reset清空,那就有办法了:新建一个临时form,然后将需要清空的上传控件移入其中,reset之后,再移回原来所在位置,最后删除创建的临时form.js代码:  复制代码 代码如下: var Upload = { clear: function(id){ var up = (typeof id=="string")?d

原生JS实现旋转木马式图片轮播插件_javascript技巧

本人自己写过三个图片轮播,一个是简单的原生JS实现的,没有什么动画效果的,一个是结合JQuery实现的,淡入淡出切换的.现在想做一个酷一点的放在博客或者个人网站,到时候可以展示自己的作品.逛了一下慕课网,发现有个旋转木马的jquery插件课程,有点酷酷的,于是就想着用原生JS封装出来.做起来才发现,没有自己想象中的那么容易...不啰嗦了,讲解一下实现过程吧. 二.效果 由于自己的服务器还没弄好.在线演示不了(ORZ...),只能放一张效果图了.   从图片上还是可以看出大概效果的,我就不多说了.

基于WebUploader的文件上传js插件_javascript技巧

首先把地址甩出来,http://fex-team.github.io/webuploader/  里面有比较完整的demo案例文档,本文主要是基于文件上传和图片上传增加了大量的注释,基本保证了每行代码都有注释以助于理解,是对官网demo的增强版,希望可以帮助大家更好的理解该插件 首先是文件上传 jQuery(function() { var $ = jQuery, $list = $('#thelist'), $btn = $('#ctlBtn'), state = 'pending', upl

js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)_javascript技巧

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>add_line&