热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

这篇文章主要介绍了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

      在全局环境中安装模块(-g:启用global模式)

      npm install -g

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

      卸载模块

      npm uninstall 

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

      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


推荐阅读
  • RN即ReactNative基于React框架针对移动端的跨平台框架,在学习RN前建议最好熟悉下html,css,js,当然如果比较急,那就直接上手吧,毕竟用学习前面基础的时间,R ... [详细]
  • 前言:原本纠结于Web 模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中eval函数。虽然eval函 ... [详细]
  • WebStorm配置Node.js IDE
    开始刚学的时候一直用命令行来运行Node.js,网上找了些配置Node.jsIDE配置的贴子,说WebStorm配置IDE最简单,自己就试了下。1.首先安装Node这步就不说了2. ... [详细]
  • 大家还在使用Dreamweaver这样的弱智工具开发Web前端吗?或者使用VS系列笨重的工具在开发Web的前端吗?你已经Out了。我推荐大家使用WebStorm来做Web前端开发, ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • React项目搭建流程
    1.先要有node.js环境,略~(https:www.cnblogs.comjyughynjp11207114.html)2.安装react脚手架,create-react-app3.创建项目cmd输入create-react-app project-name,如:1create-react-app02-react-app-demo如果发现有如下 ... [详细]
  • Itwasworkingcorrectly,butyesterdayitstartedgiving401.IhavetriedwithGooglecontactsAPI ... [详细]
  • ①安装node.js②按照下面命令行执行node安装参照网址:https:www.cnblogs.compearl07p6247389.htmlwebpack讲解安 ... [详细]
  • Iwouldliketobeabletohaveasidebarthatcanbetoggledinandoutonabuttonpress.However ... [详细]
  • 但有时候,需要当某事件触发时,我们先做一些操作,然后再跳转,这时,就要用JAVASCRIPT来实现这一跳转功能。下面是具体的做法:一:跳转到新页面,并且是在新窗口中打开时:复制代码代码如下:fu ... [详细]
  • 我试图制作一个进度条,如果还有更多内容仍被隐藏,则显示箭头。为了更清楚,我做 ... [详细]
  • 使用PhpStorm或WebStorm作为electron IDE
    最近在研究electron,考虑到以前一直用PhpStorm做开发,而且electron就是基于nodejs的,因此很自然的想到要继续用PhpStorm做IDE。开发打开RunDe ... [详细]
  • phpcms v9优化URL静态列表中的分页问题
    php教程|PHP开发categorydir,html,catdir,URL,phpcmsphp教程-PHP开发关于phpcmsv9静态URL的优化,我在前面的如何优化设置phpc ... [详细]
  • 基于vscode的node的ES2015(ES6)运行环境搭建用了vscode也有一段时间了,在轻量级的开发环境,它的功能是最强的。跨平台,不依赖java,.net等,UI也很现代,运行速 ... [详细]
  • java热运行_让Node.js项目实现热部署和后台运行
    最近因为一个项目需要使用Node.js进行开发,研究了一下开始喜欢上这个简单方便的后端语言了,接下来准备将一些功能使用Node.js实现, ... [详细]
author-avatar
小白一枚
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有