nodejs入門 安裝與使用詳細步驟 小白必讀

一、什麼是NodeJS
Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。
Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。
Node.js 的包管理器 npm,成爲世界上最大的開放源代碼的生態系統。
淘寶鏡像網站:http://npm.taobao.org/
npm install -g cnpm --registry=https://registry.npm.taobao.org
二、NodeJS怎樣
Node.js 可以解析JS代碼(沒有瀏覽器安全級別的限制)提供很多系統級別的API,如:
文件的讀寫
進程的管理
網絡通信
......
三、爲什麼要學習NodeJs
列舉一些基於Node的工具或者框架
Node-Webkit:基於node的webkit的內核
NodeOS:基於node的操作系統
Express:基於node的框架
Jade:模板
EJS:模板
Forever:負載均衡
PM2:負載均衡
Log.io:瀏覽器打印各種輸出日誌,報錯等
Grunt、Gulp、Webpack:前端工程化工具
Mocha、Karma:前端測試工具
......
四、學習nodeJS的五個網站
node官網:https://nodejs.org/en/   -------下載node,官方API,更新日誌,發佈的動態
npm官網:https://www.npmjs.com/search?q=    -------可以搜索你需要的模塊,模塊管理、組件安裝
github:https://github.com/search?utf8=%E2%9C%93&q=nodejs     ----源代碼
國外技術博客:http://stackoverflow.com/questions -----使用nodejs遇到的問題
國內的技術博客:https://segmentfault.com/ -----遇到的問題
五、nodeJS的安裝
Mac系統的安裝
windows系統的安裝
其他系統的安裝
參照網址:http://www.runoob.com/nodejs/nodejs-install-setup.html

v6.9.5 LTS  v7.5.0 Current
偶數位爲穩定版本:v6.8.x   v6.6.x   v6.4.x
基數位爲非穩定版本:v6.9.x   v6.7.x   v6.5.x
六、搭建第一個WEB服務器
查看端口被佔用 8080
win+R打開命令行窗口,
netstat -ano|findstr "8080" 

在任務管理器中消除掉即可




本地創建一個文件server.js,代碼採用es6編寫
const http = require("http");
const homename = "127.0.0.1";
const port = 3000;
const server = http.createServer((req,res)=>{
res.statusCode = 200;
res.setHeader("Content-Type","text/plain");
res.end("hello world");
});

server.listen(port,hostname,()=>{
console.log(`server running at http://${hostname}:${port}/`);
})
es5的編寫方法
var http = require('http');
http.createServer(function (request, response) {

// 發送 HTTP 頭部 
// HTTP 狀態值: 200 : OK
// 內容類型: text/plain
response.writeHead(200, {'Content-Type': 'text/plain'});

// 發送響應數據 "Hello World"
response.end('Hello World\n');
}).listen(8888);

// 終端打印如下信息
console.log('Server running at http://127.0.0.1:8888/');
七、命令行中體驗
輸入node即可進入控制檯---交互式解釋器--Node.js REPL
表示一個電腦的環境,類似 Window 系統的終端或 Unix/Linux shell,我們可以在終端中輸入命令,並接收系統的響應。
Node 自帶了交互式解釋器,可以執行以下任務:
讀取 - 讀取用戶輸入,解析輸入了Javascript 數據結構並存儲在內存中。
執行 - 執行輸入的數據結構
打印 - 輸出結果
循環 - 循環操作以上步驟直到用戶兩次按下 ctrl-c 按鈕退出。
八、helloworld
創建一個文件hello.js,代碼採用es5編寫
//console.log("hello world");
啓動一個服務器
"/favicon.ico"
打印兩次helloworld

九、模塊和包管理工具
commonJS規範
根據這個規範,每個文件就是一個模塊,有自己的作用域。在一個文件裏面定義的變量、函數、類,都是私有的,對其他文件不可見。

依賴關係 定義    .js文件

命名空間 糾結的編程體驗 暴露接口

代碼組織 引用


modules/pakages/system/filestems/binary/console/encodings/sockets/unit test...

不同於jQueryCommonJs是一套規範

規範與實現的互爲促進
nodeJSWebpack都基於CommonJS規範,區別於AMD/CMD---require.js/sea.js

使用npm install 來安裝模塊
使用鏡像安裝  cnpm install 

案例展現

十、NPM使用
全局安裝:相當於windows系統環境變量的配置
本地安裝:不加後綴
安裝:install
卸載:uninstall
安裝模塊:npm install n -g
升級noden stable
安裝Forevercnpm install forever -g
本地安裝underscorecnpm install underscore
查看模塊版本號:cnpm info underscore
選擇版本安裝:cnpm install underscore@1.0.3
查看安裝了那些模塊:cnpm list
如何管理模塊package:cnpm init
dependencies:項目依賴,通過--save加進去
devDependencies:開發依賴,線上不需要---通過--dev加進去
刪除node_modules文件夾,執行命令 cnpm install
只查看安裝模塊的中某一個模塊的信息:cnpm list | grep gulp
查看版本標識:cnpm outdated
nrm模塊--選擇和切入源:cnpm install nrm -g
nrm list
nrm test----測試速度
nrm use npm
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章