跟我学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

相关文章

  • 基于zepto.js简单实现上传图片

    基于zepto.js简单实现上传图片

    这篇文章主要介绍了基于zepto.js简单实现上传图片的相关资料,需要的朋友可以参考下
    2016-06-06
  • mui上拉加载功能实例详解

    mui上拉加载功能实例详解

    最近小编在做移动端的项目,用到了mui的上拉加载功能,今天小编给大家整理一下分享到脚本之家平台,需要的朋友参考下
    2017-04-04
  • javascript new 需不需要继续使用

    javascript new 需不需要继续使用

    在javascript你不需要使用new Object(),你该使用{}就可以了。
    2009-07-07
  • JavaScript正则表达式替换字符串中图片地址(img src)的方法

    JavaScript正则表达式替换字符串中图片地址(img src)的方法

    这篇文章主要介绍了JavaScript正则表达式替换字符串中图片地址(img src)的方法,结合实例形式分析了JS正则替换的常用技巧与注意事项,需要的朋友可以参考下
    2017-01-01
  • Boostrap模态窗口的学习小结

    Boostrap模态窗口的学习小结

    Bootstrap Modals(模态框)是使用定制的 Jquery 插件创建的。它可以用来创建模态窗口丰富用户体验,或者为用户添加实用功能。您可以在 Modals(模态框)中使用 Popover(弹出框)和 Tooltip(工具提示插件)
    2016-03-03
  • 微信小程序之多文件下载的简单封装示例

    微信小程序之多文件下载的简单封装示例

    本篇文章主要介绍了微信小程序之多文件下载的简单封装示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • js+html+css实现鼠标移动div实例

    js+html+css实现鼠标移动div实例

    移动div对于很多的网有们来说是一件很熟悉的事了,本文老生长谈,用js实现鼠标移动div,希望大伙们可以举一反三,感兴趣的朋友可以参考下,或许本文对你有所帮助
    2013-01-01
  • 详解webpack和webpack-simple中如何引入css文件

    详解webpack和webpack-simple中如何引入css文件

    这篇文章主要介绍了详解webpack和webpack-simple中如何引入css文件,非常具有实用价值,需要的朋友可以参考下
    2017-06-06
  • JavaScript Canvas实现验证码

    JavaScript Canvas实现验证码

    这篇文章主要为大家详细介绍了JavaScript Canvas实现验证码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • JS留言功能的简单实现案例(推荐)

    JS留言功能的简单实现案例(推荐)

    下面小编就为大家带来一篇JS留言功能的简单实现案例(推荐)。小编觉得挺不错的, 现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06

最新评论