Node.js安装配置及Helloworld

最近常看到一些前端框架使用npm工具来安装及管理,同时发现Nodejs用的人越来越多且也更加的流行,所以打算尝试安装并了解下Nodejs,以下记录了详细的安装过程,以及通过使用Express框架创建第一个Node.js应用。

下载安装:

官网地址:https://nodejs.org/en/
这里我下载的是node-v8.1.1-x64版本。
下载的安装包一路安装即可,其中安装目录我修改在了c:\nodejs 下。
在cmd命令行下可以查看版本:
node -v

配置全局模块存放路径及cache路径

在安装目录C:\nodejs下新建 node_cache,node_global两个文件夹。
运行CMD在命令提示符下,执行以下命令:
cd c:\nodejs
npm config set prefix C:\nodejs\node_global
npm config set cache C:\nodejs\node_cache
或者在windows开始菜单里最近安装的程序中 打开Node.js command prompt执行后面两条命令。

安装需要的模块

继续在命令提示符下安装express,jade模块,-g表示全局安装:
npm install express -g
npm install jade -g
npm install -g express-generator
注:express-generator工具是用来通过express命令创建项目用的,express 4.0版本以后需要单独安装此工具,我们后面会通过命令来创建express项目,所以我们这里把它也按安装上。

通过命令可以查看模块版本:
npm list express -g
npm list jade -g

环境变量

  1. 配置系统环境变量
    “NODE_PATH”,”C:\nodejs\node_global\node_modules”
  2. 配置用户变量
    “PATH”增加”C:\nodejs\node_global\”
  3. 测试配置是否正确:
    重新打开cmd提示符,输入如下命令:
    node
    require('express')
    正常情况下会列出express的信息。

npm与cnpm

  1. npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)
    使用npm安装插件:命令提示符执行npm install [-g] [–save-dev]
    -g:全局安装,并写入系统环境变量,可以通过命令行在任何地方调用它
    非全局安装:将会安装在当前定位目录,在定位目录的node_modules文件夹下,通过require()调用;
    –save:将保存配置信息至package.json(package.json是nodejs项目配置文件);
    -dev:保存至package.json的devDependencies节点,不指定-dev将保存至dependencies节点;
    注:由于npm访问国外服务较慢,因此可以修改镜像地址:
    临时修改:
    npm --registry https://registry.npm.taobao.org install express
    永久修改:
    npm config set registry https://registry.npm.taobao.org
    // 配置后可通过下面方式来验证是否成功
    npm config get registrynpm info express
  2. 淘宝将npm的服务搬到了国内,做了一个完整 npmjs.org 镜像,可以用此代替官方版本,同步频率目前为 10分钟。所以cnpm与npm使用完全一致,只是它使用的是淘宝的镜像。官网
    安装cnpm 执行如下命令:
    npm install cnpm -g --registry=https://registry.npm.taobao.org

开始Helloworld

开始之前提一下模块Express 官网,它一个基于 Node.js 平台,快速、开放、极简的 web 开发框架。下面就用它创建第一个应用。

打开CMD命令提示符,输入:
express helloworld
这时,会自动在我们nodejs安装目录c:\nodejs下面创建一个helloworld的文件夹,这就是我们名为helloworld的项目。

打开helloworld文件目录C:\nodejs\helloworld\routes,修改index.js,将title: 'Express'修改为 title: 'Helloworld'(当然这一步可以忽略,这里仅仅是修改页面的title)

继续在CMD下执行如下操作:
cd helloworld
npm install
npm start

好了,到这里我们的helloworld就已经在端口3000上发布了,通过浏览器访问 http://localhost:3000/ 就可以看到。
发布helloworld
发布helloworld

参考资料

  1. 前端架构之路:Windows下安装Nodejs步骤
  2. express不是内部或外部命令
  3. nodejs教程

发表评论

电子邮件地址不会被公开。 必填项已用*标注