一、什么是Node.js　　　　　　　　　　　　　　　　　　

简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。

一般的架构是这样的

有了Node.js之后，架构是这样的

通过Node.js可以有效的，环境后端服务器的压力。

二、安装Node.js　　　　　　　　　　　　　　　　　　　

你可以根据不同平台系统选择你需要的Node.js安装包。

Node.js 历史版本下载地址：https://nodejs.org/dist/

这里安装的版本是6.11.2，下载链接

https://nodejs.org/dist/v6.11.2/

选择node-v6.11.2-x64.msi文件，进行下载。

下载完成之后，默认安装在c盘，不建议修改路径。可能会造成找不到node命令的清空。

全部点击下一步就可以了，安装完成后，打开cmd窗口，输入命令

node -v

三、NPM 使用介绍　　　　　　　　　　　　　　　　　　

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：

  • 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
  • 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
  • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下，出现版本提示表示安装成功:

创建模块　　　　　　　　　　　　　　　　　　　　　　

创建模块，package.json 文件是必不可少的。我们可以使用 NPM 生成 package.json

$ npm init

This utility will walk you through creating a package.json file.

It only covers the most common items, and tries to guess sensible defaults.

See `npm help json` for definitive documentation on these fields

and exactly what they do.

Use `npm install <pkg> --save` afterwards to install a package and

save it as a dependency in the package.json file.

Press ^C at any time to quit.

name: (node_modules) runoob                   # 模块名

version: (1.0.0)

description: Node.js 测试模块(www.runoob.com)  # 描述

entry point: (index.js)

test command: make test

git repository: https://github.com/runoob/runoob.git  # Github 地址

keywords:

author:

license: (ISC)

About to write to ……/node_modules/package.json:      # 生成地址

{

  "name": "runoob",

  "version": "1.0.0",

  "description": "Node.js 测试模块(www.runoob.com)",

  ……

}

Is this ok? (yes) yes

以上的信息，你需要根据你自己的情况输入。在最后输入 "yes" 后会生成 package.json 文件

如果想避免上面的交互过程，可以一键生成包文件

npm init --yes

效果如下图：

进入目录，查看文件

使用notepad++，内容如下：

{

  "name": "01",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1"

  },

  "keywords": [],

  "author": "",

  "license": "ISC"

}

使用npm安装jquery

npm install jquery

效果如下：

查看目录，发现多了几个文件

查看packages.json，发现更新了，它记录了安装了jquery，版本是3.3.1

在项目目录下，新建一个文件index.html，内容如下：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <!--导入jquery包，注意：在dist目录下-->

    <script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>

    <script type="text/javascript">

        console.log($);

    </script>

</head>

<body>

</body>

</html>

网页查看console

说明jquery导入成功。

npm介绍　　　　　　　　　　　　　　　　　　　　　　

npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具

打开npm官方网址

https://www.npmjs.com/

翻译一下

创造惊人的东西

npm是JavaScript和全球最大的软件注册管理机构的软件包管理器。发现可重用代码包 - 并以强大的新方式进行组装。

它是一个集中化的包管理机构，前端的组件都在这里面，比如jquery，vue等等

翻译

什么是npm？

使用npm安装，共享和分发代码;管理项目中的依赖关系;并与他人分享并接受反馈。

翻译

你能用700,000个积木做什么？

npm注册中心拥有全球最大的免费可重用代码。

npm的包，都是免费的，有大量的开发者，将优秀的模块，放入这里了。

需要的包，在官网搜索就可以找到，比如jquery，最新版本是3.3.1

还有bootstap，这个是前端框架。

swiper，这个是专门用来做轮播图的，比如小米官网主页。

使用npm安装模块　　　　　　　　　　　　　　　　　　

使用npm安装模块时，可以指定版本，比如

npm install bootstrap@3 --save

它会安装3版本的以内的最高版本。安装软件时，记得加--save

它表示自动修改package.json文件

下面开始安装一下

查看package.json文件，发现多了一行。也记录了模块的名称以及版本。

github介绍　　　　　　　　　　　　　　　　　　　　　　　

gitHub是一个面向开源及私有软件项目的托管平台，因为只支持git 作为唯一的版本库格式进行托管，故名gitHub。

如果你需要将写的代码公开，让全世界的人，都可以访问。需要将代码放到github上面。

官方网址：

https://github.com/

需要注意的是，github每个项目，限制大小为100M。看一下上面创建的01目录，现在多大了。

发现已经有3.67M了。如果安装的模块越多，那么项目目录会越来越大。由于这些模块都是公开的，并不需要修改源代码。所以在提交的时候，可以忽略掉这个目录，比如node_modules

如果忽略呢？创建项目时，有一个选项，勾选一下，输入node，回车

将项目克隆到本机，查看.gitignore文件，这个文件，是专门用来做排除的。排除必须提交的文件或者文件夹

会发现里面有一行

node_modules/

那么以后提交代码，这个目录下的文件，都不会被提交到github中。

运行开源项目　　　　　　　　　　　　　　　　　　　　

打开github的主页面，搜索项目vue

找到这个项目

下载到本地

看别人的项目，是不包含node_modules的。

压缩之后，使用cmd进入目录

那么问题来，它是如何自动安装依赖呢？

答案就是package.json文件，打开这个文件

这里面记录了所有的依赖模块以及版本

下载的项目如何运行，请参考README.md文件，就可以了。

如果需要卸载模块，使用命令

npm uninstall 模块名

卸载之后，会自动更新package.json文件

python 全栈开发，Day54(node.js初识)的更多相关文章

  1. python 全栈开发，Day119(Flask初识,Render Redirect HttpResponse,request,模板语言 Jinja2,用户登录例子,内置Session)

    一.Flask初识 首先,要看你学没学过Django 如果学过Django 的同学,请从头看到尾,如果没有学过Django的同学,并且不想学习Django的同学,轻饶过第一部分 三大主流Web框架对比 ...

  2. python 全栈开发，Day125(HTML5+ 初识,HBuilder,夜神模拟器,Webview)

    昨日内容回顾 1.增删改查: 增: db.collections.insert({a:1}) // 官方不推荐了 db.collections.insertMany([{a:1},{b:1}]) in ...

  3. python 全栈开发，Day124(MongoDB初识,增删改查操作,数据类型,$关键字以及$修改器,"$"的奇妙用法,Array Object 的特殊操作,选取跳过排序,客户端操作)

    一.MongoDB初识 什么是MongoDB MongoDB 是一个基于分布式文件存储的数据库.由 C++ 语言编写.旨在为 WEB 应用提供可扩展的高性能数据存储解决方案. MongoDB 是一个介 ...

  4. python 全栈开发，Day122(人工智能初识,百度AI)

    一.人工智能初识 什么是智能? 我们通常把人成为智慧生物,那么”智慧生物的能力”就是所谓的”智能”我们有什么能力?听,说,看,理解,思考,情感等等 什么是人工智能? 顾名思义就是由人创造的”智慧能力” ...

  5. python全栈开发day19-面向对象初识

    1.昨日内容回顾 模块:            1.什么是模块,什么是包 py文件就是模块,包是包含一系列py文件(__init__.py)的文件夹. 2.模块的导入相当于相当于执行了导入的模块,首次 ...

  6. 巨蟒python全栈开发-第9天 初识函数

    一.今日主要内容总览(重点) 1.什么是函数? f(x)=x+1 y=x+1 函数是对功能或者动作的封装2.函数的语法和定义 def 函数名(): 函数体 调用:函数名()3.关于函数的返回值 ret ...

  7. Win10构建Python全栈开发环境With WSL

    目录 Win10构建Python全栈开发环境With WSL 启动WSL 总结 对<Dev on Windows with WSL>的补充 Win10构建Python全栈开发环境With ...

  8. python 全栈开发，Day99(作业讲解,DRF版本,DRF分页,DRF序列化进阶)

    昨日内容回顾 1. 为什么要做前后端分离? - 前后端交给不同的人来编写,职责划分明确. - API (IOS,安卓,PC,微信小程序...) - vue.js等框架编写前端时,会比之前写jQuery ...

  9. Python全栈开发【模块】

    Python全栈开发[模块] 本节内容: 模块介绍 time random os sys json & picle shelve XML hashlib ConfigParser loggin ...

  10. python全栈开发中级班全程笔记（第二模块、第四章（三、re 正则表达式））

    python全栈开发笔记第二模块   第四章 :常用模块(第三部分) 一.正则表达式的作用与方法 正则表达式是什么呢?一个问题带来正则表达式的重要性和作用      有一个需求 : 从文件中读取所有联 ...

随机推荐

  1. netty基础篇

    什么是Bio? 当客户端数量过多时,创建的线程会越来越多,最终服务挂掉,因为客户端的线程数量和服务端创建的线程数量是一一对应的. 什么是伪异步IO? 什么是Nio? 什么是Aio

  2. javascript 字符串的连接和截取

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. UVALive 4850 Installations 贪心

    题目链接  题意 工程师要安装n个服务,其中服务Ji需要si单位的安装时间,截止时间为di.超时会有惩罚值,若实际完成时间为ci,则惩罚值为max{0,ci-di}.从0时刻开始执行任务,问惩罚值最大 ...

  4. CodeForces - 896A Nephren gives a riddle

    A. Nephren gives a riddle time limit per test 2 seconds memory limit per test 256 megabytes input st ...

  5. dragula 一个 JavaScript 库，实现了网页上的拖放位置

    如图,把上面红蓝色拖放到下面 使用方法比较简单,如下代码: <link href='dist/dragula.css' rel='stylesheet' type='text/css' /> ...

  6. springboot+rabbitmq整合示例程

    关于什么是rabbitmq,请看另一篇文: http://www.cnblogs.com/boshen-hzb/p/6840064.html 一.新建maven工程:springboot-rabbit ...

  7. IDAPython安装

    转载:All Right   (本人没有测试过) 关于IDAPython的安装教程网上的资料非常少,也不是很详细,我费了好长时间才装好,现在和大家分享一下. 注意事项 下面几点关系到安装是否成功 ID ...

  8. bzoj 1724 优先队列 切割木板

    倒着的石子合并,注意不是取当前最长木板贪心做,而是取当前最小累加答案: 例如 4 5 6 7 若按第一种思路:ans=22+15+9 第二种:ans=22+13+9,可以先从中间某一块分开,这样答案更 ...

  9. Linux之常用命令【service】

    补充说明 service命令 是Redhat Linux兼容的发行版中用来控制系统服务的实用工具,它以启动.停止.重新启动和关闭系统服务,还可以显示所有系统服务的当前状态. 语法 service(选项 ...

  10. POJ1751 Highways【最小生成树】

    题意: 给你N个城市的坐标,城市之间存在公路,但是由于其中一些道路损坏了,需要维修,维修的费用与公路长成正比(公路是直的). 但现有M条公路是完整的,不需要维修,下面有M行,表示不需要维修的道路两端的 ...