一、什么是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
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
$ 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 文件
如果想避免上面的交互過程，可以一鍵生成包文件
|
1
|
npm init --yes
|
效果如下圖：
進入目錄，查看文件
使用notepad++，內容如下：
View Code
使用npm安裝jquery
|
1
|
npm install jquery
|
效果如下：
查看目錄，發現多了幾個文件
查看packages.json，發現更新了，它記錄了安裝了jquery，版本是3.3.1
在項目目錄下，新建一個文件index.html，內容如下：
View Code
網頁查看console
說明jquery導入成功。
npm介紹
npm 是 JavaScript 世界的包管理工具,並且是 Node.js 平台的默認包管理工具
打開npm官方網址
翻譯一下
|
1
2
|
創造驚人的東西
npm是JavaScript和全球最大的軟件注冊管理機構的軟件包管理器。發現可重用代碼包 - 並以強大的新方式進行組裝。
|
它是一個集中化的包管理機構，前端的組件都在這里面，比如jquery，vue等等
翻譯
|
1
2
|
什么是npm？
使用npm安裝，共享和分發代碼;管理項目中的依賴關系;並與他人分享並接受反饋。
|
翻譯
|
1
2
|
你能用700,000個積木做什么？
npm注冊中心擁有全球最大的免費可重用代碼。
|
npm的包，都是免費的，有大量的開發者，將優秀的模塊，放入這里了。
需要的包，在官網搜索就可以找到，比如jquery，最新版本是3.3.1
還有bootstap，這個是前端框架。
swiper，這個是專門用來做輪播圖的，比如小米官網主頁。
使用npm安裝模塊
使用npm安裝模塊時，可以指定版本，比如
|
1
|
npm install bootstrap@3 --save
|
它會安裝3版本的以內的最高版本。安裝軟件時，記得加--save
它表示自動修改package.json文件
下面開始安裝一下
查看package.json文件，發現多了一行。也記錄了模塊的名稱以及版本。
github介紹
gitHub是一個面向開源及私有軟件項目的托管平台，因為只支持git 作為唯一的版本庫格式進行托管，故名gitHub。
如果你需要將寫的代碼公開，讓全世界的人，都可以訪問。需要將代碼放到github上面。
官方網址：
需要注意的是，github每個項目，限制大小為100M。看一下上面創建的01目錄，現在多大了。
發現已經有3.67M了。如果安裝的模塊越多，那么項目目錄會越來越大。由於這些模塊都是公開的，並不需要修改源代碼。所以在提交的時候，可以忽略掉這個目錄，比如node_modules
如果忽略呢？創建項目時，有一個選項，勾選一下，輸入node，回車
將項目克隆到本機，查看.gitignore文件，這個文件，是專門用來做排除的。排除必須提交的文件或者文件夾
會發現里面有一行
|
1
|
node_modules/
|
那么以后提交代碼，這個目錄下的文件，都不會被提交到github中。
運行開源項目
打開github的主頁面，搜索項目vue
找到這個項目
下載到本地
看別人的項目，是不包含node_modules的。
壓縮之后，使用cmd進入目錄
那么問題來，它是如何自動安裝依賴呢？
答案就是package.json文件，打開這個文件
這里面記錄了所有的依賴模塊以及版本
下載的項目如何運行，請參考README.md文件，就可以了。
如果需要卸載模塊，使用命令
|
1
|
npm uninstall 模塊名
|
卸載之后，會自動更新package.json文件