部分內(nèi)容索引：

個人安裝記錄（含個人總結的步驟）

NODEJS-1安裝及創(chuàng)建一個簡單的應用.ppt

NODEJS-2NPM介紹.ppt

NODEJS-3visual studio code.ppt

前言：其實無論是學習什么內(nèi)容都要注意，很有可能別人的內(nèi)容有出錯或已經(jīng)過時或不適合自己等等，自己發(fā)現(xiàn)后要記錄，以后查看記錄用。學習時，自己動手嘗試是很重要的，如果發(fā)現(xiàn)別人的內(nèi)容有出錯或已經(jīng)過時或不適合自己等等，自己發(fā)現(xiàn)后要記錄。

個人糾錯的索引：

在配置環(huán)境變量時的PATH的內(nèi)容時，不要修改別的路徑，而是新建一個新的路徑。

個人安裝記錄（含個人總結的步驟）

1.

安裝過程中的安裝目錄記得改到D盤就可以，為了好找，自己安在自己創(chuàng)建的“nodejs”文件夾。

2

用管理員身份打開cmd，輸入node --version和npm -v查看是否安裝成功：

3

D:\nodejs\node_global

D:\nodejs\node_cache

【npm?config?set?prefix?"你的NODEJS安裝目錄\node_global"
npm?config?set?cache?"你的NODEJS安裝目錄\node_cache"，

這里，我的的NODEJS安裝目錄是D:\nodejs。

把

npm?config?set?prefix?"D:\nodejs\node_global"

和
npm?config?set?cache?"D:\nodejs\node_cache"，

分別輸入管理員身份打開的cmd命令中，按回車鍵

】

4

NODE_PATH? ??D:\nodejs\node_global\node_modules

【NODE_PATH? 你的nodejs的安裝目錄\node_global\node_modules】

D:\nodejs\node_global【編輯Path變量，添加一個路徑?

你的nodejs的安裝目錄\node_global】

node? ? ? require（‘cluster’）

npm --registry https://registry.npm.taobao.org install cluster

npm install -g cnpm --registry=registry_url

5

這個只要注意安裝在D盤，后面的漢化步驟和啟動服務器寫程序等等見下面的NODEJS-3visual studio code.ppt

NODEJS-1安裝及創(chuàng)建一個簡單的應用.ppt

NODEJS

安裝及創(chuàng)建一個簡單的應用

本章目標

安裝NODEJS

創(chuàng)建一個簡單的NODEJS應用程序

安裝方式

可以采用以下兩種方式來安裝：

1、從網(wǎng)站下載Windows 安裝包(.msi)

32 位安裝包下載地址 : https://nodejs.org/dist/v【版本號】/node-v【版本號】-x86.msi

64 位安裝包下載地址 : https://nodejs.org/dist/v【版本號】/node-v【版本號】-x64.msi

2、下載二進制文件 (.exe)安裝

32 位安裝包下載地址 : http://nodejs.org/dist/v0.10.26/node.exe?

64 位安裝包下載地址 : http://nodejs.org/dist/v0.10.26/x64/node.exe?

檢查NODEJS版本

打開CMD命令窗體，輸入命令node --version,如果出現(xiàn)如下信息，則表示安裝成功。

注意：NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：

1、允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。?

2、允許用戶從NPM服務器下載并安裝別人編寫的命令行程序到本地使用。?

3、允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。

升級NPM到最高版本

運行cmd命令

? ?npm i -g npm

? ?升級到NPM的最高版本

配置NODEJS和NPM（一）

修改NPM的緩存目錄和全局目錄路徑，將對應的模塊目錄改到nodejs的安裝目錄。

在nodejs安裝目錄下創(chuàng)建兩個目錄，分別是node_cache和node_global，這是用來放安裝過程的緩存文件以及最終的模塊配置位置。配置完成后，執(zhí)行下面這兩個CMD命令：（查看C:\Users\用戶名\.npmrc文件）

npm config set prefix "你的NODEJS安裝目錄\node_global"

npm config set cache "你的NODEJS安裝目錄\node_cache"

配置NODEJS和NPM（二）

配置npm和nodejs的環(huán)境變量，這樣nodejs才能正確地調(diào)用對應的模塊。

檢查是否配置成功

在cmd窗體輸入node命令，進入nodejs交互命令控制臺，運行require('cluster')命令，出現(xiàn)下面的內(nèi)容則表示配置成功。

將下載地址改為國內(nèi)站點

將npm的模塊下載倉庫從默認的國外站點改為國內(nèi)的站點，這樣下載模塊的速度才能比較快，運行以下命令即可：

? ?npm --registry https://registry.npm.taobao.org install cluster

如果想一直使用這個源的地址，那么可以使用下面這個命令來配置。

? ?npm install -g cnpm --registry=registry_url

注意：registry_url指的是國內(nèi)提供的一些npm倉庫地址，常用的有：

? ?https://registry.npm.taobao.org

? ?http://r.cnpmjs.org/

創(chuàng)建第一個應用程序(一)

在D盤下創(chuàng)建一個my.js文件。

創(chuàng)建第一個應用程序(二)

打開cmd命令窗口，進入到my.js所在的目錄下，運行node my.js命令，看到如下提示則表示應用程序啟動成功。

創(chuàng)建第一個應用程序(三)

打開瀏覽器，在地址欄輸http://127.0.0.1:8888/觀察運行結果。

我下載的是64位的。

我下載的版本和上圖的不一樣。

上面是我糾正過的PPT，在PATH中新建路徑后記得點確定，具體的看我自己的安裝記錄。

NODEJS-2NPM介紹.ppt

NODEJS

NPM使用介紹

本章目標

使用NPM命令安裝模塊

使用package.json文件定義包的屬性

卸載模塊

更新模塊

搜索模塊

創(chuàng)建模塊

NPM常用命令

使用淘寶NPM鏡像

什么是NPM

NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：

1、允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。?

2、允許用戶從NPM服務器下載并安裝別人編寫的命令行程序到本地使用。?

3、允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。

新版的nodejs已經(jīng)集成了npm，可以通過輸入 "npm -v" 來測試是否成功安裝。

升級NPM

在windows系統(tǒng)中，可以在cmd窗體中通過

? ?npm install npm -g

? ?命令進行升級

也可以通過淘寶鏡像的命令進行升級

? ?cnpm install npm -g? ?

使用 npm 命令安裝模塊

npm 安裝 Node.js 模塊語法格式如下：

? ?npm install <Module Name>

例如：使用 npm 命令安裝常用的 Node.js web框架模塊 express:

? ?npm install express -g

在代碼中只需要通過 require('express') 的方式就好，相當于java中下載和導入jar包。

全局安裝與本地安裝

npm 的包安裝分為本地安裝（local）、全局安裝（global）兩種，從敲的命令行來看，差別只是有沒有-g而已。

本地安裝：將安裝包放在 ./node_modules 下（運行 npm 命令時所在的目錄），如果沒有 node_modules 目錄，會在當前執(zhí)行 npm 命令的目錄下生成 node_modules 目錄?？梢酝ㄟ^ require() 來引入本地安裝的包。?

全局安裝：將安裝包放在 /usr/local 下或者你 node 的安裝目錄?？梢灾苯釉诿钚欣锸褂谩?/p>

package.json文件

package.json 位于模塊的目錄下，用于定義包的屬性。

卸載模塊

如果需要寫在NODEJS模塊，運行CMD命令：

? ?npm uninstall express -g

其他命令

更新模塊：npm update <Module Name>

搜索模塊：npm search <Module Name>

創(chuàng)建模塊：npm init

NPM 常用命令

NPM提供了很多命令，例如install和publish，使用npm help可查看所有命令。

使用npm help <command>可查看某條命令的詳細幫助，例如npm help install。

在package.json所在目錄下使用npm install . -g可先在本地安裝當前命令行程序，可用于發(fā)布前的本地測試。

使用npm update <package>可以把當前目錄下node_modules子目錄里邊的對應模塊更新至最新版本。

使用npm update <package> -g可以把全局安裝的對應命令行程序更新至最新版。

使用npm cache clear可以清空NPM本地緩存，用于對付使用相同版本號發(fā)布新版本代碼的人。

使用npm unpublish <package>@<version>可以撤銷發(fā)布自己發(fā)布過的某個版本代碼。

使用淘寶 NPM 鏡像

國內(nèi)直接使用NPM的官方鏡像是非常慢的，這里推薦使用淘寶NPM鏡像。

淘寶 NPM 鏡像是一個完整 npmjs.org 鏡像，你可以用此代替官方版本(只讀)，同步頻率目前為 10分鐘一次以保證盡量與官方服務同步。

使用淘寶定制的 cnpm (gzip 壓縮支持) 命令行工具代替默認的 npm:

? ?npm install -g cnpm --registry=https://registry.npm.taobao.org

? ?接下來就可以使用下面的cnpm命令來安裝模塊

? ?cnpm install <Module Name>

NODEJS-3visual studio code.ppt

NODEJS

使用visual studio code

本章目標

安裝visual studio code

在visual studio code中創(chuàng)建一個簡單的NODEJS應用程序

漢化（一）

Windows、Linux 快捷鍵：Ctrl+Shift+P（macOS 快捷鍵是：Command + Shift + P）打開配置搜索界面，輸入configure language，選擇搜索結果中的第一項，會打開locale.json文件。

漢化（二）

將文件中的locale屬性修改為zh-cn（當你刪除之前的語言設置，在“l(fā)ocale”后面輸入冒號或引號時會提示可用的選項）并保存。

漢化（三）

下載中文漢化包，快捷鍵Ctrl+Shift+X打開界面，輸入chinese，選擇中文簡體包，點擊install按鈕安裝漢化包后重新啟動。

創(chuàng)建工作目錄

在D盤下創(chuàng)建一個名為MyServer文件夾

打開visual studio code，Ctrl+Shift+E打開資源管理器，點擊左邊打開文件夾按鈕。

選擇文件夾作為工作目錄

選擇MyServer文件夾作為工作目錄

創(chuàng)建js文件（一）

點擊MyServer右邊的第一個按鈕，創(chuàng)建一個js文件。

創(chuàng)建js文件（二）

js文件代碼入下：

配置調(diào)試設置（一）

Ctrl+Shift+E打開調(diào)試配置界面。選擇調(diào)試-添加配置，打開launch.json配置文件

配置調(diào)試設置（二）

如果添加了配置，啟動調(diào)試時自動選擇 launch.json中指定的類型type和啟動文件。

MyServer文件中的內(nèi)容

現(xiàn)在MyServer文件夾中的內(nèi)容入下：

啟動服務my.js

通過快捷鍵F5啟動或者通過上方菜單中的調(diào)試-啟動調(diào)試啟動服務。

名稱:?Chinese?(Simplified)?Language?Pack?for?Visual?Studio?Code
ID:?ms-ceintl.vscode-language-pack-zh-hans
說明:?Language?pack?extension?for?Chinese?(Simplified)
版本:?1.55.2
發(fā)布者:?Microsoft
VS?Marketplace?鏈接:?https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans

var?http?=?require('http');

http.?createServer(function?(request,?response)?{

//發(fā)送HTTP頭部

//?HTTP狀態(tài)值:?200?:?OK

//內(nèi)容類型:?text/plain

response?.?writeHead(200,{?'Content-Type':?'text/plain'?});

//發(fā)送響應數(shù)據(jù)"Hello?World"

response.?end(?'Hello?World\n'?);

}).listen(8888);

//終端打印如下信息

console?.log(?'Server?running?at?http://127.0.0.1:8888/'?);

在瀏覽器中輸入http://127.0.0.1:8888/my.js:11后：