脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → Node.js简介及安装开发环境

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

 更新时间：2014年05月20日 14:44:41   作者：  
这篇文章主要介绍了Node.js简介及安装开发环境,需要的朋友可以参考下

学习资料

　　1.深入浅出Node.js

　　2.Node.js开发指南

简介（只捡了我觉得重要的）

    Node.js是让Javascript脱离浏览器运行在服务器的一个平台，不是语言；

    Node.js采用的Javascript引擎是来自Google Chrome的V8；运行在浏览器外不用考虑头疼的Javascript兼容性问题

    采用单线程、异步IO与事件驱动的设计来实现高并发（异步事件也在一定程度上增加了开发和调试的难度）；

    Node.js内建一个HTTP服务器，所以对于网站开发来说是一个好消息；

 

 

　　主页：http://nodejs.org/ 　　　　
　　
　　英文API：http://nodejs.org/api/ （最新） 　　
　　
　　中文API：http://nodeapi.ucdok.com/#/api/

安装Node.Js

 　　操作系统环境：WiN 7 64位

　　在Windows环境下安装相对简单

　　http://nodejs.org/download/ 

　　链接中下载对应操作系统安装文件（安装最新版本就行） 　

　　按照提示，一路下一步直到安装成功后，在默认安装路径下可以看到（C:\Program Files\nodejs），默认路径在安装的时候可以修改。

　　安装成功后，在“命令提示符中”输入：node -v 查看安装版本,输出版本即安装成功

NPM简介

　　Windows的Node.js安装包安装里包含了Node Pageaged Modules https://npmjs.org/ （npm），这个node.js本身具有基本的模块，有这了npm可以安装丰富的node.js库来完成实际开发需求。　　

    　　常用命令介绍：

    　　查看帮助

    　　npm help或npm h

    　　安装模块

    　　npm intstall <Module Name>

    　　在全局环境中安装模块（-g：启用global模式）

    　　npm install -g <Module Name>

    　　更多：https://npmjs.org/doc/install.html

    　　卸载模块

    　　npm uninstall  <Moudle Name>

    　　显示当前目录下安装的模块

    　　npm list

　　安装成功后，会在PATH用户环境变量和系统环境中分别添加npm和node.js路径

开发工具

 　 WebStorm 我下载了个7.0，好像用它的不少

　　WebStorm下载地址： http://www.jetbrains.com/webstorm/

　　做.NET开发的可以选择WebMatrix3 ，下载直接安装，操作很方便，不做太多解释,用了一段时间，可以直接建Nodejs项目，如果只在Windows环境下开发，推荐用它

　　WebMatrix下载地址： http://www.microsoft.com/web/webmatrix/

　　我最终还是选择了Sublime，可以在各平台下保持个统一个开发工具，配置方法网上有很多

　　Sublime下载地址： http://www.sublimetext.com/    （软件无需注册，使用过程中时不时会弹出需要注册的窗口，取消即可）

Sublime Node.js开发环境配置

　　下载并安装Node.js安装包后再开始配置

　　1.先安装好Sublime Text 2

　　2.运行Sublime,菜单上找到Tools ---> Build System ---> new Build System

　　3.在文件中复制入

复制代码 代码如下:

{
    "cmd": ["node", "$file"],
    "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
    "selector": "source.javascript"
}

    4.保存文件为NodeJs.sublime-build

　　5.菜单上找到Tools ---> Build System --->选择 NodeJs

　　6.安装Package Control；运行Sublime，按下快捷键Ctrl + `；在控制台中输入如下并回车;

复制代码 代码如下:

import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

 
　详细请参考：http://www.dbpoo.com/sublime-text2-theme-sod/

　　7.安装完成后重新启动Sublime，按下快捷键Ctrl + Shift + P; 输入install，选择Install Package并回车

 

　　8.输入nodejs并选择Nodejs安装（可以装上JavaScript & NodeJs Snippets）

 

    9.新建test.js文件，输入 console.log('Hello Node.js'); 按快捷键 Ctrl + B 运行，成功输出！ 如下图

 

 

    这里配置Sublime Node.js开发环境就成功了！

　　如果想要更好看的主题配色方案请参考：http://www.infoq.com/cn/minibooks/nodejs

　　
扩展：安装多版本管理器

    　　 安装多版本管理器nvmw（Node开发指南一书中用的NVM，Windows上好像不行，在www.npmjs.org中找了这个，虽然学习用不上，先装上再说）

    　　安装命令

    　　npm install -g nvmw

    　　因为没有使用到它，所有就不做多的介绍,详细查看

    　　https://npmjs.org/package/nvmw

您可能感兴趣的文章:

相关文章

  • js实现iframe动态调整高度的代码

    js实现iframe动态调整高度的代码

    iframe,尤其是不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是iframe的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦，给iframe设置高度的时候多了也不好，少了更是不行，现在，让我来告诉大家一种iframe动态调整高度的方法，主要是以下JS函数：
    2008-01-01
  • js中Array.sort()利用零值多维排序

    js中Array.sort()利用零值多维排序

    本文主要介绍了js中Array.sort()利用零值多维排序，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05
  • echarts控制x轴和y轴name位置并加轴箭头代码示例

    echarts控制x轴和y轴name位置并加轴箭头代码示例

    搞数据展示,很多朋友都会用到免费的echarts,下面这篇文章主要给大家介绍了关于echarts控制x轴和y轴name位置并加轴箭头的相关资料,需要的朋友可以参考下
    2024-01-01
  • eCharts图表实现扇形和折线图代码示例

    eCharts图表实现扇形和折线图代码示例

    本文概述了前端和后端实现数据可视化图表的步骤,前端部分涉及引入文件、设置盒子、发送请求等,最终通过ECharts初始化图形,后端则包括定义VO类、处理mapper和业务逻辑等,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-09-09
  • js判断一点是否在一个三角形内

    js判断一点是否在一个三角形内

    判断一个点是否在一个三角行内的代码
    2008-02-02
  • JavaScript中手动实现Array.prototype.map方法

    JavaScript中手动实现Array.prototype.map方法

    在前端开发中,我们经常需要对数组进行操作和处理,本文主要介绍了JavaScript中手动实现Array.prototype.map方法,具有一定的参考价值,感兴趣的可以了解一下
    2024-02-02
  • SOSO地图API使用(一)在地图上画圆实现思路与代码

    SOSO地图API使用(一)在地图上画圆实现思路与代码

    最近在做SOSO地图相关开发，遇到相关画圆知识，特此简单记录下来,接下来讲解如何在在地图上画圆，感兴趣的朋友可以了解下
    2013-01-01
  • 如何自定义删除无依赖文件的webpack插件

    如何自定义删除无依赖文件的webpack插件

    通过自定义webpack插件,利用执行完成编译的封存阶段后,产生的产物module.fileDependencies,生成依赖的文件组,通过读文件的方式,将待扫描的文件组和有依赖关系的文件进行对比,这篇文章主要介绍了自定义删除无依赖文件的webpack插件,需要的朋友可以参考下
    2023-12-12
  • WebGL three.js学习笔记之阴影与实现物体的动画效果

    WebGL three.js学习笔记之阴影与实现物体的动画效果

    这篇文章主要介绍了WebGL three.js学习笔记 阴影与实现物体的动画 ,需要的朋友可以参考下
    2019-04-04
  • 判断js的Array和Object的实现方法

    判断js的Array和Object的实现方法

    下面小编就为大家带来一篇判断js的Array和Object的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08

最新评论