nodejs开发环境配置与使用


Posted in NodeJs onNovember 17, 2014

先说下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已经一起安装了,连环境变量也设置了,安装好后可以在对应的文件夹看到如下

nodejs开发环境配置与使用

安装完后,可以在当前安装的文件夹下使用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

nodejs开发环境配置与使用

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

nodeapp.js

nodejs开发环境配置与使用

nodejs开发环境配置与使用

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

500 Error: Cannot find module 'jade'

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

nodejs开发环境配置与使用

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

npminstall

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

nodejs开发环境配置与使用

nodejs开发环境配置与使用

五、 安装supervisor插件

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

npminstallsupervisor-g

nodejs开发环境配置与使用

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

六、 使用webStorm IDE

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

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

nodejs开发环境配置与使用

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

nodejs开发环境配置与使用

nodejs开发环境配置与使用

nodejs开发环境配置与使用

nodejs开发环境配置与使用

nodejs开发环境配置与使用

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

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

NodeJs 相关文章推荐
NodeJs基本语法和类型
Feb 13 NodeJs
快速掌握Node.js之Window下配置NodeJs环境
Mar 21 NodeJs
Nodejs从有门道无门菜鸟起飞必看教程
Jul 20 NodeJs
使用nodejs中httpProxy代理时候出现404异常的解决方法
Aug 15 NodeJs
nodejs基础知识
Feb 03 NodeJs
Nodejs 发送Post请求功能(发短信验证码例子)
Feb 09 NodeJs
使用nodejs爬取前程无忧前端技能排行
May 06 NodeJs
nodejs微信开发之自动回复的实现
Mar 17 NodeJs
nodejs检测因特网是否断开的解决方案
Apr 17 NodeJs
Nodejs实现图片上传、压缩预览、定时删除功能
Oct 25 NodeJs
Nodejs封装类似express框架的路由实例详解
Jan 05 NodeJs
如何利用nodejs自动定时发送邮件提醒(超实用)
Dec 01 NodeJs
Nodejs全栈框架StrongLoop推荐
Nov 09 #NodeJs
初始Nodejs
Nov 08 #NodeJs
Nodejs极简入门教程(三):进程
Oct 27 #NodeJs
Nodejs极简入门教程(二):定时器
Oct 25 #NodeJs
Nodejs极简入门教程(一):模块机制
Oct 25 #NodeJs
基于NodeJS的前后端分离的思考与实践(六)Nginx + Node.js + Java 的软件栈部署实践
Sep 26 #NodeJs
基于NodeJS的前后端分离的思考与实践(五)多终端适配
Sep 26 #NodeJs
You might like
php在apache环境下实现gzip配置方法
2015/04/02 PHP
php自动给网址加上链接的方法
2015/06/02 PHP
php实现36进制与10进制转换功能示例
2017/01/10 PHP
PHP正则替换函数preg_replace()报错:Notice Use of undefined constant的解决方法分析
2017/02/04 PHP
PHP使用PHPExcel实现批量上传到数据库的方法
2017/06/08 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
php探针使用原理和技巧讲解
2019/09/17 PHP
悬浮数字的实现案例
2014/02/19 Javascript
jQuery中bind()方法用法实例
2015/01/19 Javascript
Sublime Text 3常用插件及安装方法
2015/12/16 Javascript
JS实现的倒计时效果实例(2则实例)
2015/12/23 Javascript
JavaScript 数组- Array的方法总结(推荐)
2016/07/21 Javascript
AngularJS基础 ng-value 指令简单示例
2016/08/03 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
2016/12/13 Javascript
vue.js实现仿原生ios时间选择组件实例代码
2016/12/21 Javascript
Node.js引入UIBootstrap的方法示例
2018/05/11 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
2019/06/24 Javascript
Vue设置长时间未操作登录自动到期返回登录页
2020/01/22 Javascript
Python访问MySQL封装的常用类实例
2014/11/11 Python
Python 备份程序代码实现
2017/03/06 Python
Python数据结构之单链表详解
2017/09/12 Python
python调用系统ffmpeg实现视频截图、http发送
2018/03/06 Python
tensorflow实现加载mnist数据集
2018/09/08 Python
浅谈Python中的可迭代对象、迭代器、For循环工作机制、生成器
2019/03/11 Python
PyCharm Ctrl+Shift+F 失灵的简单有效解决操作
2021/01/15 Python
HTML5拖拽的简单实例
2016/05/30 HTML / CSS
CSS3 画基本图形,圆形、椭圆形、三角形等
2016/09/20 HTML / CSS
松下电器美国官方商店:Panasonic美国
2016/10/14 全球购物
40岁生日感言
2014/02/15 职场文书
气象学专业个人求职信
2014/03/15 职场文书
初中优秀班集体申报材料
2014/05/01 职场文书
2015年教务工作总结
2015/05/23 职场文书
2016幼儿园中班开学寄语
2015/12/03 职场文书
教你使用vscode 搭建react-native开发环境
2021/07/07 Javascript
十大冰系宝可梦排名,颜值最高的阿罗拉九尾,第三使用率第一
2022/03/18 日漫
Golang 1.18 多模块Multi-Module工作区模式的新特性
2022/04/11 Golang