`
webdev2014
  • 浏览: 675392 次
文章分类
社区版块
存档分类
最新评论

node.js环境搭建&npm配置(win7)

 
阅读更多


Node.js官方:http:/nodejs.org

根据个人电脑及操作系统选择相应的安装程序或安装包。

安装完成之后会出现相应的可执行命令,而现在这些命令不属于windows,所以需要将目录配置到path环境属性之中。不同路径之间要使用“;”分隔。

<wbr><wbr><span style="color:rgb(204,0,0)"><span style="font-size:12px"><span style="font-family:Courier New">Express是整个Node.js之中最为常用的一个框架(开发包),使用它可以方便的快速构建起一个WEB<span style="font-family:宋体; font-size:9pt">项目。</span></span></span></span></wbr></wbr>

下载的方式分为两种:只针对于一个项目进行开发包的下载,或者是针对于整个Node.js开发环境。

npm install -g express 加‘-g’表示全局的,针对整个Node.js,否则,只是针对一个项目。

初始化项目:


只要是开发项目,那么肯定需要一个保存项目的文件目录,此时的目录就将其定义为nodespace

mkdir nodespace

而后进入到此目录之中(就想象为Eclipse的工作区,一个工作区之中可以定义多个项目。

cd nodespace

下面是一个非常重要的步骤,需要创建一个express项目(有明确的文件夹要求)。

express -e nodedemo

注意:我在执行上述步骤时总是报错:‘express’ 不是内部命令或外部命令(本人电脑是win7 64位)

后来想到应该是版本问题就试了下。

npminstall -g express 会安装最新版本,目前是4.0.0,改成安装3.5.0版本即可如上正常执行,命令为

npm install -g express@3.5.0



项目结构


如果要想启动服务器,直接进入到myproject目录里面,输入:node app.js

express貌似有点问题,

有两个解决方法:

第一个:重新在本项目里面下载一个:“npm install express”。此时在myproject目录下也存在了node_modules目录,同时保存了express程序包。

第二个:创建环境变量:NODE_PATH:C:\Users\zhang\AppData\Roaming\npm\node_modules(express所在的目录)


程序运行之后就会出现以下的提示信息:

Express server listening on port 3000


<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>表示在3000的端口监听。随后打开浏览器输入:http://localhost:3000

若是出现如下问题:

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>继续安装ejsnpm install -gejs。成功后,刷新页面:



<wbr></wbr>这个就是默认显示界面。这个界面的内容保存在views目录下。

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>但是现在有一个小小的问题出现了,如果要想运行Node.js程序,则现在只能够使用“node app.js”,而这样的运行方式,如果在app.js文件修改之后往往需要重新启动才可以加载新的内容,这对于开发是非常不方便的,<wbr></wbr>为此,可以使用一个supervisor组件包,它可以动态的加载修改之后的开发程序。


下载:supervisor

npm install -g supervisor

随后直接利用supervisor

方式运行程序:

supervisor app.js

<wbr></wbr>以后项目之中,每一次文件的改变,那么都可以及时的监听到,同时也可以及时加载新的代码文件,对于开发是非常方便,但是有一点不方便:

每一次修改的时候如果代码有错,后台会一直报错。





分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics