对版本的说明

  • Node.js版本: v8.9.4-x64
  • 操作系统版本: win10、64位

什么是Node.js

  • 在很多人的印象中,js代码是不需要在诸如 Tomcat 之类的 web 服务器中运行的,事实上也确实如此,js代码只要有一个浏览器就可以运行。看到这里,不知道大家有没有想过,js代码是否可以在 web 服务器中运行?其实简单来说,Node.js 就是一个可以让 js 运行在服务端的开发平台。

软件下载

  • Node.js官网下载地址: https://nodejs.org/en/download/,如果官网网速慢,可以点击这里下载,提取码: igv5

软件安装

  • Node.js的安装非常简单,一直点下一步即可,其中的安装路径可以自己选择

测试软件是否安装成功

  • 按下键盘的 win + R,输入cmd,接着输入 node -v,回车,再输入 npm -v,如果结果如下图所示,说明 Node.js 安装成功

相关注意事项

  • 在进行Node.js开发时,项目中的js文件名不能有中文
  • 要想进入 Node.js 的 repl (read读 eval执行 print打印 loop循环) 环境,只需打开cmd,然后输入node,回车即可

NPM解惑

  • 概念: npm(Node.js Package Manager)中文名为Node包管理器,顾名思义,就是一个管理Node的包的工具。npm官网请点击这里

  • 作用: npm主要用于解决NodeJS代码部署上的一些问题,写过程序的人都知道,有时我们需要用到一些别人写好的框架,同样地,写js代码也是如此,这些框架代码我们将其称之为包或者模块。npm的作用就是:通过npm可以下载别人编写的第三方包或命令行程序到本地使用,也可以上传自己编写的包或命令行程序供别人下载。

  • npm更新: npm的更新比较频繁,所以集成在Node.js中的npm不一定是最新的,如果想使用最新的版本,可以使用以下命令安装npm的最新版本 (-g代表全局安装)

    npm install npm@latest -g
    
  • 其它相关说明: 由于当前版本的Node.js已经集成了npm,所以只需验证一下npm是否安装成功即可。

通过npm命令安装模块

  1. 通过cmd进入项目所在根目录

  2. 输入命令

    npm install 模块名
    
  3. 这时在项目根目录下会自动生成一个名为 node_modules 的文件夹,刚安装的那个模块也会自动放在这个文件夹中,因此不需要我们手动创建 node_modules 文件夹。

npm常用命令

  • 卸载模块/插件

    npm uninstall 模块名 [-g] [--save-dev]
    

    命令解释:

    1. -g 表示卸载通过全局方式安装的这个模块,对于项目本身的这个模块不会有影响,如果项目的这个模块是通过本地方式安装的

    2. --save 表示去掉 package.json 文件中 dependencies 节点对这个模块的依赖

  • 更新模块

    npm update 模块名 [-g] [--save-dev]
    
  • 更新全部模块

    npm update [--save-dev]
    
  • 查看npm 帮助

    npm help
    
  • 查看当前目录已安装插件

    npm list
    

使用cnpm

  • npm 的服务器在国外,速度比较慢,可以使用淘宝的镜像,使用方法如下

  • 命令提示符执行 npm install cnpm -g --registry=https://registry.npm.taobao.org

  • 注意:安装完后可以通过 cnpm -v 查看版本号,如果出现错误可以关闭命令提示符重新打开再试一下

  • cnpm 与 npm 的用法完全一致

package.json介绍

  • 概念: 简单来说,package.json 就是一个管理你通过npm安装到本地的包的文件

  • 作用: package.json 的作用主要有以下三点:
    1. 显示了你的项目所依赖的各种包(如何自动添加依赖,在Express部分会讲)
    2. 显示你的项目的一些配置信息,如项目名称、版本号等
    3. 方便与其他开发者共享

  • 地位: package.json 是每个 Node.js 项目中必不可少的一个核心文件。当然,如果你只是用 Node.js 向控制台中打印出一句话或者其它类似的操作,那么你可以忽略这句话。

  • 创建: 对于 package.json 文件的创建,注意以下几点即可:
    1. 创建时间: 在项目刚开始时就应该创建
    2. 创建位置: 项目的根目录
    3. 创建方法: 可以手动创建,然后将相应的信息手动写入文件即可,但是,更多情况下我们都是使用命令行的方式创建。首先,打开 cmd,进入到项目所在根目录,比如说我在 E盘 新建了一个名为 helloNodeJS 的文件夹,也就是我的 Node.js 项目的名称,那么首先应该进入到 E:\helloNodeJS 这个路径下,在这里告诉大家一个快速进入某一个路径的方法,具体操作请看如下动图

    进入项目所在目录之后,输入 npm init 这条命令,出现下图所示界面

    到了这步,需要我们自己设置一系列的信息,上图所示第一个就是要给我们的包取个名字,默认就是当前所在文件夹的名称,如果想使用默认值,直接回车即可。

    回车之后,还会出现一系列需要自己设置的值,如果不想设置,可以一路回车,全部使用默认值,这里为了演示方便,我全部使用的是默认值,最后输入yes,再回车,最终结果如下图,可以看到在项目根目录下自动生成了一个名为 package.json 的文件


    如果想一步生成这个文件,可以输入命令 npm init -yes ,然后回车。
    到这里,Node.js 相关的部分已介绍完毕,下面进入Express的安装。

Express介绍

  • Express 是 node.js 上最流行的 Web 应用框架,它提供了一系列强大的特性来帮助你快速地搭建一个完整功能的网站。

Express安装

  • Express的安装可以分为全局安装和本地安装两种

  • 全局安装会自动将文件安装在 C:\Users\Administrator\AppData\Roaming\npm,可以通过命令行在任何地方调用它,打开 cmd,输入命令:

    1. 输入 npm install -g express-generator ,可能有些同学会奇怪为什么要安装 express-generator,而不是直接输入第二步的命令,这是因为在 Express4.x 的版本中,命令工具被分离出来了,所以我们需要先安装一个命令工具(英文好的同学可以参考这里),否则输入第三步的命令时会报错

    2. 输入 npm install -g express

    3. 输入 express --version ,回车,如果出现了 Express 的版本号,说明 Express 安装成功。

  • 本地安装,即只安装在当前项目中

  1. 打开 cmd,进入项目所在根目录

  2. 输入 npm install express ,程序会自动在当前项目的根目录下新建一个名为 node_modules 的文件夹,然后把 express 安装在这个文件夹中

  • 至于到底是全局安装还是本地安装,个人认为一个项目安装一个 Express 框架对于新手来说比较好理解,推荐本地安装,然后在程序中通过 require() 来使用

  • 第二步中的命令如果写成 npm install --save express 或者是 npm install express --save ,则会将这个依赖自动添加到 package.json 文件中,不过前提是先有 package.json 这个文件。

  • 第二步的命令还可以写成 npm install express --save-dev ,-dev 表示将 express 保存至 package.json 的 devDependencies 节点,如果不指定 -dev 将保存至 dependencies 节点。两者的区别体现在如下应用场景中:当其他开发者下载我们的项目所依赖的包的时候(先在 cmd 中进入项目所在根目录),如果输入 npm install ,则会根据 package.json 下载所有需要的包,如果输入 npm install --production,则只会下载 dependencies 节点的包

Node.js及Express的下载、安装和配置教程相关推荐

  1. jdk eclipse SDK下载安装及配置教程

    原文地址https://blog.csdn.net/dr_neo/article/details/49870587 最新鲜最详细的Android SDK下载安装及配置教程 最近Neo突发神经,想要将学 ...

  2. node.js -v15.0.0下载安装配置教程笔记

    目录 -下载 -安装 --测试是否安装成功 -配置 --文件夹配置 -- 关闭cmd窗口,配置环境变量 -- 安装cnpm -下载 官网:  https://nodejs.org/zh-cn/  下拉 ...

  3. 最新鲜最详细的Android SDK下载安装及配置教程

    最近Neo突发神经,想要将学过的一些计算机视觉.机器学习中的算法都放到移动设备上去跑跑,因为移动开发是大势所趋嘛,希望能够通过这样一个实践的过程,找到一些新的灵感(该不会是为了赚钱吧-),我自己目前也 ...

  4. win10环境下Android SDK下载安装及配置教程

    最近在配置Android环境时,发现网上许多教程都是在win7版本下进行配置的且存在许多问题,按照流程无法正确配置环境,因此我在收集网上资料及亲自配置成功的情况下,写出此文章.如有无法配置成功的话,欢 ...

  5. VSCode的下载安装与配置教程(详细)

    一.下载 1.某度网盘下载 链接:某度网盘下载 提取码:vbrw 二.安装 这里提供的是zip安装包,所以直接解压文件就可以使用了. 1.选中下载好的安装文件,右击进行解压(注意:解压目录就是安装目录 ...

  6. win10环境下Android SDK下载安装及配置教程----Android SDK安装

    接着上一篇文章,这个章节主要是安装Android SDK和配置Android SDK环境 1.下载并安装Android SDK 下载Android SDK Tools,可以选择去我的百度网盘上下载(链 ...

  7. 2018年Android SDK下载安装及配置教程

    下载并安装Android SDK 官网(可翻墙选择):http://developer.android.com/sdk/index.html 不可翻墙选择:http://www.androiddevt ...

  8. 2017年Android SDK下载安装及配置教程

    首先声明: Unity版本5.6.3f1 最近试着在Unity中利用高通做AR开发时,发布项目文件需要发布到Android平台,遇到一些问题,看了网上的一些资料,踩了一些坑,现在总结出来,希望有相同的 ...

  9. Qt下载安装及配置教程

    进入qt中文网站:https://www.qt.io/zh-cn/ 下载开源版 往下滑,下载Qt在线安装程序 它已经检测出我的是windows系统,直接点击download就好.如果是其它的系统,需要 ...

  10. Mac系统下MySQL的下载安装和配置教程

    版本说明 MySQL版本:5.7.23 系统版本:macOS High Sierra 10.13.6 MySQL 没有 6 和 7 这两个大版本,是直接从 5 跳到 8 的 当我们的 MySQL 的版 ...

最新文章

  1. mysql 索引分析工具_Mysql:性能分析以及Explain工具的使用
  2. ArcIMS 开发学习笔记(一)
  3. 2010 February
  4. ThreadPoolExecutor里面4种拒绝策略--CallerRunsPolicy
  5. linux下LAMP环境的搭配
  6. Css盒模型有哪几部分,标准盒模型和IE盒模型有哪些区别
  7. 经济下行,薅点羊毛吧!
  8. Intellij IDEA 修改默认配置
  9. python中的monkey-patching
  10. 1.Oracle 安装教程及使用
  11. Mybatis的pooled连接池工作原理
  12. 举个栗子!Tableau 技巧(133):完整显示工具提示中的数据
  13. 单例模式(Singleton)分析
  14. 行癫:只有合作伙伴和客户成功,才是阿里云的成功
  15. qq邮箱发送邮件到163邮箱
  16. 中电金信-创新企架方法,以“轻微快”赋能数字化转型
  17. WOS(五)——字段标识
  18. linux 课程标准,《Linux操作系统及应用》课程标准.doc
  19. 语音增强 理论与实践 pdf_初中英语语音教学策略研究 (结题报告)
  20. 人物角色(Persona)

热门文章

  1. PCI Geomatica 操作视频专辑
  2. MacBook常用快捷键有哪些?
  3. 中国大学MOOC伦理学试题题库及答案
  4. 无法读源文件或磁盘_磁盘阵列RAID1+0和RAID0+1的区别
  5. SSH免密登陆:Win登陆linux
  6. Reflector使用详解,把DLL文件转换为.cs文件
  7. 电子招标是未来的招投标趋势
  8. 卸载oracle10g教程,卸载Oracle10g步骤
  9. pe卸载win10更新补丁_Win10怎么卸载有问题更新补丁|Win10卸载更新补丁
  10. Windows系统设置双网卡同时上内外网