nodejs开发环境配置与使用

先说下nodejs这个哦，有人以为它是一种语言，其实不是，它是一个平台，一个建立在google的V8引擎上的js运行平台，就是解析js，并提供自己 的一些API给用户调用。从目前的情况来看，这个发展情况还算好，明天都有好多的前端后台工程师在加入，连一些大神也在关注甚至写博客，昨晚我还看见一篇 文章写道一个外国的网站写了将近90搞nodejs的web插件，这个真牛啊！那学习中国东东对于我们来说最直接的能带来什么利益呢：前端人员由于熟悉 js那么可以基本简单学习下linux就可以上手了，那后台工程师呢稍微麻烦点，因为一些后台工程师不是怎么熟悉js使用起来可能很多障碍，在这里建议学 习下基础的js，讲了这个之后大家关心的我想应该就是薪水的问题了，到目前，基本在1年以上的nodejs工程师在广州已经有开价在7K以上了，这个也是 以前的一位同事说他公司招聘的情况我才知道原来这个东东直逼hadoop啊！废话先说到这里了，下面来说下本次的话题：环境配置(由于本人是在 windows 8.1下开发的，所以在这里只讲windows下的)。

安装nodejs

先去nodejs官网http://www.nodejs.org/download/下载对应的版本，我的是64位的。下载好后直接安装，由于现在的版本已经到v0.10.33了，所以node跟npm已经一起安装了，连环境变量也设置了，安装好后可以在对应的文件夹看到如下

安装完后，可以在当前安装的文件夹下使用Shift + 右键打开cmd，输入如下即可查看安装的版本，本人的是0.10.32.

node-v

二、 全局文件夹设置

至于node_cache跟node_global对于初学者这个应该不用设置，因为他会设置为当前用户目录下的,但是有时自己为了方便也会设置下，这里提供下设置的命令看如下：

npmconfigls//列出prefix配置npmconfigsetcache'D:\ProgramFiles\nodejs\node_cache'//设置全局缓存文件夹npmconfigsetcache'node_global'//设置全局模块文件夹

三、 安装模块

现在我们安装node跟npm了，npm顾名思义就是node的包管理器，通过命令来管理，现在来尝试下：

我们来安装一个web框架express，参数-g代表安装在全局文件夹下，如果不在则代表当前文件夹

npminstallexpress-g//express还可以带上@版本号

我们现在在刚才设置的文件夹下查看下，是否多了一些文件啊，这里我们使用命令查看刚才安装express的版本号

express-V

如果有输出版本代表安装成功了！

那如果我们想卸载掉这个插件呢，我们可以使用如下命令即可

npmuninstallexpress

这样卸载掉后我们安装回express，不过后面带上版本号3.2.2(因为本人最熟悉的版本就是这个了)，这样会吗？

四、 使用express安装

现在我们使用命令来建立一个web站点，如下：

expressTest

这样会输出一些提示，可以直接跳进去Test文件夹使用命令运行这个站点：

nodeapp.js

看到提示没，端口3000说明启动成功了，但是我们浏览器浏览报错，提示什么

500 Error: Cannot find module 'jade'

那竟然有提示报错了，那我们现在就来安装这个模块，在这里说明下，这个文件夹下有个package.json文件，这个文件里描述了一些站点的信息，我们可以使用nodepad 打开看看：

这样说明了需要2个库，一个是express,令一个是jade，那么我们现在来安装它，如果很多模块安装岂不是要执行很多次命令，这里有一个命令比较简便,它会检查当前的package.json的依赖库进行安装：

npminstall

安装了这个模块我们还需要要修改一下views下的layout.jade文件的第一行的doctype 5改成doctype html.这样再重新执行node app.js我们这个网站就可以正常运行了。

五、 安装supervisor插件

刚才我们可能都发现了，如果出了问题，nodejs自动停止了服务，这样很不利于调试啊，那我们有一个插件可以解决。这个插件是管理nodejs的进程，包括调试那些都非常好用。使用如下命令安装全局的模块：

npminstallsupervisor-g

这样我们就不用node命令来启动服务，直接使用supervisor app.js来就可以了。

六、 使用webStorm IDE

刚 才我们编辑js文件是使用nodepad来的，但这个不是很好，有好的编辑器吗，答案是有的，一个大名顶顶的webStorm，网上很多那个版本的下载， 大家懂得了，这里也提供一份网友给的链接http://yunpan.cn/cAcf6hVxnIbCt 提取码 246f，下载完直接安装，安装完覆盖一个exe文件就可以了，屌丝这样简单吧！

第一次运行是会打开一个文件夹，其实就是项目的文件夹。

下面来说下调试的问题，包括我也搞了好久网上也找了好久，最后在波哥说下才搞定，这个其实很难简单的，直接看图了：

如何在程序里打断点就可以进行调试了，很方便。

以上就是个人对于nodejs开发环境配置与使用的经验的全部记录了，后续再继续分享一些nodejs的详细应用。

赞 (0)

相关推荐

  • nodejs教程之环境安装及运行

    nodejs教程之环境安装及运行

    让nodeJS跑起来 第一步当然是安装nodeJS环境了,现在windows安装nodeJS比较快了,直接下载即可: http://www.nodejs.org/download/ 这里根据需要下载,下载完成后直接下一步下一步即可,完了我们就具有nodeJS环境了 第二步,为了方便我们后面操作,我们直接在D盘见了一个文件夹blog 然后打开windows命令行工具,进入d盘,输入: 复制代码 代码如下: express -e blog 然后里面可能有依赖包,我们需要进入blog目录安装(安装的配

  • windows下vue.js开发环境搭建教程

    windows下vue.js开发环境搭建教程

    最近,vue.js越来越火.在这样的大浪潮下,我也开始进入vue的学习行列中,在网上也搜了很多教程,按着教程来做,也总会出现这样那样的问题(坑啊,由于网上那些教程都是Vue.js 1.x版本的,现在用Vue.js 的构建工具都已经升级到2.0版本了),经过了一段时间的摸索和看官方的教程和api,才了解到2.0版本在1.0版本的基础上做了好多调整,废弃了好多api.废话不多说了,把我踩过的坑,在这里跟大家说说,希望对初学者有所帮助.ps:高手请绕道. 既然是入门实例,那肯定从最基础的开始了,希望初

  • 基于Vue2的移动端开发环境搭建详解

    基于Vue2的移动端开发环境搭建详解

    前言 vue2.0发布了,那么还在用vue1.x的你,是不是也有所心动呢?下面这篇文章就给大家详细介绍基于Vue2的移动端开发环境搭建的详细步骤,下面来一起看看吧. 一.vue-cli 首先还是介绍我们的脚手架工具,因为它能让我们省去大部分的配置时间,这里只给出简单步骤,保证你的命令顺利运行的前提是安装最新版本的 node 和 npm,这里不赘述升级流程 全局安装 vue-cli npm install vue-cli -g 借此也全局安装一个 webpack npm install webpa

  • windows系统下简单nodejs安装及环境配置

    windows系统下简单nodejs安装及环境配置

    相信对于很多关注javascript发展的同学来说,nodejs已经不是一个陌生的词眼.有关nodejs的相关资料网上已经铺天盖地.由于它的高并发特性,造就了其特殊的应用地位. 国内目前关注最高,维护最好的一个关于nodejs的网站应该是http://www.cnodejs.org/  这里不想谈太多的nodejs的相关信息.只说一下,windows系统下简单nodejs环境配置. 第一步:下载安装文件 下载地址:官网http://www.nodejs.org/download/  这里用的是

  • 跟我学Nodejs（一）--- Node.js简介及安装开发环境

    跟我学Nodejs（一）--- Node.js简介及安装开发环境

    学习资料 1.深入浅出Node.js 2.Node.js开发指南 简介(只捡了我觉得重要的) Node.js是让Javascript脱离浏览器运行在服务器的一个平台,不是语言: Node.js采用的Javascript引擎是来自Google Chrome的V8:运行在浏览器外不用考虑头疼的Javascript兼容性问题 采用单线程.异步IO与事件驱动的设计来实现高并发(异步事件也在一定程度上增加了开发和调试的难度): Node.js内建一个HTTP服务器,所以对于网站开发来说是一个好消息:  

  • windows下vue-cli及webpack搭建安装环境

    windows下vue-cli及webpack搭建安装环境

    1.安装Node.js,node.js安装包及源码下载地址为:https://nodejs.org/en/download/. 2.安装npm,由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了.同样可以通过输入 "npm -v" 来测试是否成功安装.命令如下,出现版本提示表示安装成功: $ npm -v 3.10.8 如果你安装的是旧版本的 npm,可以很容易得通过 npm 命令来升级,命令如下: npm install npm -g 你可以使用淘宝定制的 cnpm

  • vue.js开发环境安装教程

    vue.js开发环境安装教程

    一.简介 Vue.js 是什么 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. Vue.js是一个MVVM模式的框架,如果读者有angula

  • vue+node+webpack环境搭建教程

    vue+node+webpack环境搭建教程

    一.环境搭建 1.1.去官网安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html ) 注意node的版本,只有支持和谐模式的node才会支持es6,在基于webpack构建项目名称时才不会报错.推荐最新版本. 下载安装包之后直接点击安装即可.测试安装成功的界面如下: 1.2.利用npm安装webpack命令行语句为npm install webpack -g.测试安装成功的界面如下: 1.3.下面就是安装淘宝镜像,如下图

  • Vue.js开发环境搭建

    Vue.js开发环境搭建

    一.简介 Vue.js 是什么 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. Vue.js是一个MVVM模式的框架,如果读者有angul

  • Node.js的环境安装配置(使用nvm方式)

    Node.js的环境安装配置(使用nvm方式)

    前言 神奇的node.js为我们JavaScript提供了在后端运行的环境,而它的包管理器npm(node package manage)现在也成为了全球最大的开源库生态系统.我们有很多很多的工具都是依赖于node环境进行使用的,所以我们使用node的第一步,就是配置node.js环境. 那么配置node.js环境,当然,我们可以直接从官网下载,然后安装到电脑上就行了,当然,这是正确的,但是如果有一天我们需要使用新版本的node.js,或者使用旧版本的node.js时,我们还是需要去官网下载,然

随机推荐