NodeJs——入门必看攻略

 更新时间:2016年06月27日 08:52:10   投稿:jingxian  
下面小编就为大家带来一篇NodeJs——入门必看攻略。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

关于NPM:

npm 是 nodejs 的包管理和分发工具。它可以让 javascript 开发者能够更加轻松的共享代码和共用代码片段,并且通过 npm 管理你分享的代码也很方便快捷和简单。

一 NodeJs安装与NPM管理

安装

前往NodeJs官网,下载安装包直接安装。同时NodeJs默认包含NPM模块。后者需要更新到最新版本。-v 查看版本信息,有则安装成功。某些版本不支持读-v参数大小写敏感,如报错尝试大写-V.

node -v
v4.4.4
npm -v
2.15.1

更新npm模块

node install npm -g

-g 参数代表全局安装,windows下所有安装的模块文件一般存放在node安装目录下或C:\Users\Administrator\AppData\Roaming缓存目录下。
 去掉-g 本地安装,npm在当前目录下新建一个node_modules目录,所下载的模块存放在里面。

卸载

通过uninstall从node_modules目录下删除模块

#本地卸载
npm uninstall <name> 
#全局卸载
npm uninstall <name> -g

二 创建第一个NodeJs应用

使用express模块创建应用。

首先下载express模块

npm install -g express
express -V

同理,检查是否安装成功。还有两个参数:-e或--ejs;-J或--jshtml。含义:
-e, --ejs add ejs engine support 添加ejs模块引擎支撑

-J, --jshtml add jshtml engine support (defaults to jade) 添加jshtml模板引擎支撑

新版本express中不支持cmd命令行,所以上面express -V会报错: 不是内部或外部命令,需下载express-generator

npm install -g express-generator

然后可以全局使用express命令了,随便选择一个文件夹(F:\Project\Nodejs)下创建应用:

express hello_world

cd hello_world 进入项目

cd hello_world
# 查看目录结构
dir
#像这样
# 2016/06/26 14:43  <DIR>     .
# 2016/06/26 14:43  <DIR>     ..
# 2016/06/26 01:41       1,442 app.js
# 2016/06/26 01:41  <DIR>     bin
# 2016/06/26 01:41        331 package.json
# 2016/06/26 01:41  <DIR>     public
# 2016/06/26 01:41  <DIR>     routes
# 2016/06/26 01:41  <DIR>     views
#        2 个文件     1,773 字节
#        6 个目录 161,019,293,696 可用字节*

注意这里有一个package.json文件,里面dependencies属性指定了当前项目依赖的模块。启动之前,需要执行npm install下载他们:

npm install

如果没有package.json文件,这一步会报错:

npm ERR! install Couldn't read dependencies

npm ERR! Windows_NT 6.1.7601

可以通过npm ini 生成默认的。在这里,上面的express hello_world命令内部已经调用该命令,生成文件内容类似这样:

{
 "name": "hello_world",
 "version": "0.0.0",
 "private": true,
 "scripts": {
  "start": "node ./bin/www"
 },
 "dependencies": {
  "body-parser": "~1.15.1",
  "cookie-parser": "~1.4.3",
  "debug": "~2.2.0",
  "express": "~4.13.4",
  "jade": "~1.11.0",
  "morgan": "~1.7.0",
  "serve-favicon": "~2.3.0"
 }
}

也可以安装上面的模板,收到创建该package.json文件。值得一提的是,一个npm模块package.json文件包含的信息远比这里丰富。

等待依赖库下载完成。完成后多一个node_modules文件夹用于保存依赖库。

至此,当前应用准备工作完成。启动应用:

npm start

浏览器中输入127.0.0.1::3000(默认端口)访问

三 总结

个人经验,希望能给从零到创建一个nodeJs应用的同学提供参考。

以上就是小编为大家带来的NodeJs——入门必看攻略全部内容了,希望大家多多支持脚本之家~

相关文章

  • Angular限制input框输入金额(是小数的话只保留两位小数点)

    Angular限制input框输入金额(是小数的话只保留两位小数点)

    最近做项目遇到这样的需求输入框要求输入金额,只能输入数字,可以是小数,必须保留小数点后两位。下面分为两部分代码给大家介绍实现代码,需要的的朋友参考下吧
    2017-07-07
  • 动态创建Angular组件实现popup弹窗功能

    动态创建Angular组件实现popup弹窗功能

    这篇文章主要介绍了动态创建angular组件实现popup弹窗,需要的朋友可以参考下
    2017-09-09
  • AngularJS指令与控制器之间的交互功能示例

    AngularJS指令与控制器之间的交互功能示例

    这篇文章主要介绍了AngularJS指令与控制器之间的交互功能,结合实例形式分析了AngularJS控制器调用相关指令操作技巧,需要的朋友可以参考下
    2016-12-12
  • AngularJS通过$sce输出html的方法

    AngularJS通过$sce输出html的方法

    不知道大家有没有发现在用AngularJS作为前端搭建个人博客的时候,发现用AngularJs输出html的时候,浏览器并不解析这些html标签,这里我们需要其显示angular输出的html能被浏览器解析怎么办呢?不知道Angularjs如何实现这种功能的通过这篇文章来看看吧。
    2016-09-09
  • angular中ui calendar的一些使用心得(推荐)

    angular中ui calendar的一些使用心得(推荐)

    下面小编就为大家带来一篇angular中ui calendar的一些使用心得(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • angularjs结合html5实现拖拽功能

    angularjs结合html5实现拖拽功能

    本篇文章给大家分享了angularjs结合html5实现拖拽功能的方法以及代码实例,有兴趣的朋友参考下。
    2018-06-06
  • AngularJS学习第一篇 AngularJS基础知识

    AngularJS学习第一篇 AngularJS基础知识

    这篇文章主要介绍了AngularJS学习第一篇,分享了有关AngularJS的基础知识,主要包括指令、过滤器等,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 浅谈Angular 的变化检测的方法

    浅谈Angular 的变化检测的方法

    这篇文章主要介绍了浅谈Angular 的变化检测的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • 基于AngularJS的简单使用详解

    基于AngularJS的简单使用详解

    下面小编就为大家带来一篇基于AngularJS的简单使用详解。小编觉得挺不错的,现在就想给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • Angular中AuthGuard路由守卫的创建使用

    Angular中AuthGuard路由守卫的创建使用

    这篇文章主要为大家介绍了Angular中AuthGuard路由守卫的创建使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07

最新评论