node.js零基礎詳細教程(3)：npm包管理、git github的使用

第三章  建議學習時間4小時  課程共10章

學習方式：詳細閱讀，並手動實現相關代碼

學習目標：此教程將教會你們 安裝Node、搭建服務器、express、mysql、mongodb、編寫後臺業務邏輯、編寫接口，最後完成一個完整的項目後臺，預計共10天課程。

 

npm包管理

---

 什麼是npm

npm是隨同NodeJS一塊兒安裝的包管理工具，只要安裝了node,咱們就能夠經過命令行使用npm

啓動命令行，運行 npm -v  就能夠看到npm的版本號，根據安裝的node版本不一樣，內部集成的npm頁不一樣，只要能顯示一個辦號，就表示npm可用

 

npm做用：

• 容許用戶從NPM服務器下載別人編寫的第三方包到本地使用。
• 容許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。
• 容許用戶將本身編寫的包或命令行程序上傳到NPM服務器供別人使用。

下載別人的第三方包到本地

使用 npm install 包名

這裏咱們在 nodeTest文件運行命令行， 運行 npm install jquery 就能夠自動下載jq的最新版本。

 

下載成功後，就能夠去磁盤文件夾查看，當前目錄會多一個  node_modules的文件夾，裏面就有jquery的所有文件，以下圖的路徑，就能夠找到jquery.js了。

 

使用 npm uninstall 包名  卸載模塊

運行  npm uninstall jquery 之後，在去查看文件，會發現該目錄下 node_modules 文件夾中的 jquery已經被刪除了。

 

安裝別人的命令行程序到本地

 這裏咱們下載  express-generator到本地

express-generator說明：它是一個node的自動化建立項目工具，能夠自動建立一個項目的初始網站，包含一些基本頁面，能夠經過瀏覽器訪問，之後咱們會詳細介紹，這裏你們先知道它的做用

命令行運行 npm install -g express-generator

 

 

安裝完成後就把 express-generator安裝到了全局變量中  （說明：命令行中的 -g 表示該模塊安裝到全局，若是沒有-g就將模塊安裝到當前目錄）

 

而後運行   express 項目名   建立一個項目 （這裏演示初始化了一個叫作  exTest的項目）

 

 

如何啓動這個項目呢？

一、進入項目目錄  cd exTest

二、安裝項目依賴模塊

因爲建立的項目中有個自帶的pakage.js文件中已經規定了須要引入的模塊，這裏直接運行 npm install安裝依賴

因爲是從國外服務器下載，因此可能會等待一下子才能安裝完成

出現一長串的安裝提示，到下圖的狀態表示安裝完成

 

二、運行項目  npm start

注：若是出現下圖的報錯提示，表示3000端口被佔用，可能有前面運行的http命令行，把其餘命令行都關閉再運行這個。

 

運行成功是這個狀態

而後經過瀏覽器輸入 http://localhost:3000/ 就能夠訪問到項目首頁了，以下圖。

 

到這裏咱們就成功安裝了一個庫、一個項目構建工具。你們先實現如下再往下看

 

 

GIT的使用

---

 

說明：git只是 代碼的版本管理工具，不是nodejs必學類容，你們自行選擇是否須要學習。

 

介紹：

爲何要使用版本控制：由於咱們在編碼過程當中，會對軟件進行各類修改，並且極可能須要在之後某個時候撤銷到之前某個時間編寫的樣子，咱們若是手動複製備份，不只工程量大，並且不便於管理，這就須要有一個版本控制器，讓咱們能夠自由的將之前寫的各個時間段的版本進行保存

常見的版本控制有如下三種：

一、微軟的cvs    -- 收費，切只能window使用

二、svn 版本控制良好，但須要一個非本地的服務器（不能本地離線提交版本）

三、git 新一代的版本控制，能夠離線實現版本控制，並且能夠結合免費的 github網絡倉庫管理代碼，十分方便

 

下載安裝

 本課程軟件下載 連接：http://pan.baidu.com/s/1kVPxBJT 密碼：uziu

官網下載：https://git-scm.com/downloads

 

下載完成後，安裝直接下一步、下一步便可，安裝完成後，要檢測是否安裝成功，在桌面空白位置，點擊鼠標右鍵出現圖中紅框中內容即安裝成功

 

註冊一個github帳號

注：英文網站，可使用google進行訪問，右上角有個翻譯按鈕能夠將網站翻譯成中文，另外，註冊能夠參考以下連接 ：http://jingyan.baidu.com/article/455a9950abe0ada167277864.html

 

 

如何運行git：

創建一個測試文件夾，而後在本身的文件夾右鍵 點擊 git bash hare   咱們這裏的測試文件是d盤的 nodeTest\gitTest

首先須要配置一下你的郵箱和用戶名

下面代碼能夠複製，在命令行中粘貼（注：ctrl+v在命令行無論用，須要右鍵 -- paste  才能粘貼進去）

git config --global user.name  "你的用戶名"

git config --global user.email  "郵箱"

 

運行 git config --list 能夠看到全部的配置項，下部找到 name 和email 看是否配置成功。

 

運行 git init初始化，

 

而後就能夠看到當前目錄有一個隱藏的 .git文件夾，（若是隱藏文件看不到的，請自行百度如何查看隱藏文件），這個文件夾中是git的版本控制文件，千萬不要去動。

 

這樣 gitTest文件夾就變成了git能夠監控的文件夾了，之後文件夾任意的修改，都會被監控並記錄下來

咱們先建一個a.txt文件（注意編碼格式最好是 utf-8）

在裏面寫入一點兒內容 保存

 

 而後命令行 輸入 git status 能夠查看到有記錄的對 a.txt的修改

 

接下來咱們先作幾個繼續往下的操做，而後在解釋這些操做是什麼意思

咱們運行 git add .         （注意後面有個空格點）

而後運行  git commit -m "a"             獲得以下結果

而後修改一下 a.txt中的內容  並保存，在 當前文件夾 建立  b.txt  

（說明：咱們對文件修改/提交後 文件 左下角會有綠色的勾表示已經提交。或紅色的歎號表示被修改了沒提交）

再命令行 運行   git  status  能夠看到以下結果

 

 

 理解上面的過程：

這裏須要先弄清楚 git的幾個監聽區域：工做區、暫存區、版本庫

工做區：你對當前文件作的全部修改，都屬於工做區 使用 git status 就能夠看到修改的文件。

暫存區：經過上面 git add . 添加的狀態  （後面的 點 表示對當下全部的更改添加到暫存區），添加到暫存區的文件能夠撤銷，也能夠提交到版本庫

版本庫：最後的存放點，在git內部會對每一個版本庫存一個狀態（功能相似建立了不少的備份，能夠隨意恢復任何一個版本，固然，git只是存了變化的地方，而非真的是備份）

 

那麼，咱們來看看上面運行過的命令

git add .                   表示添加當前的全部修改到暫存區 ，   若是隻提交某個文件的修改，能夠給文件名  如     git add a.txt

 git commit -m "a"    表示將暫存區的修改提交到版本庫，造成一個固定的版本保存下來， -m 後面的引號內是 提交的註釋說明，能夠寫「修改了xxxx」。

git status                 顯示工做區和暫存區的全部修改狀態。工做區的是紅色的顯示，暫存區的是綠色的顯示（以下圖：只是一個示例說明，不跟着操做）

 

咱們再 運行一下  添加和提交命令，將剛剛對a.txt  b.txt的修改提交   

 

查看版本庫 git  log                  下面的黃色打印部分，是每次修改的獨一無二的id  （你的id和個人確定也不同）

退回某個版本，

 這裏咱們複製最後那個版本號 運行  git reset --hart 版本id 來退回

以下圖，運行完成就退回了，剛咱們建立的 b.txt沒有了（退回到了建立之前）

 

 

固然也能夠退回到最上面那個 id版本，運行後又回到了b.txt已經提交了的狀態

 

 

前面講了退回到某個版本，那麼怎麼撤銷工做區的修改呢？

使用命令    git checkout -- 文件名   ，能夠將該文件的修改撤銷到上一次 git add 到暫存區的狀態。

好比咱們先對a.txt做一下修改。添加了部份內容

 

而後我運行 git status 看效果，表示已經修改了

而後運行git ceckout -- a.txt 撤銷 ，執行完成，就能夠看到上一步給a.txt添加的內容被撤銷了

 

git checkout -- . 能夠撤銷全部修改，建議不要使用，由於這個會把全部沒有 add的修改都撤銷，並且不可逆。

 

push項目到 github網站

---

 前面已經讓你們註冊了github的帳號，若是沒有註冊的先註冊一個

 

而後登錄，登錄完成之後，點擊以下圖右上角的 新建 來新建一個倉庫

 

在新建界面中輸入倉庫名，肯定便可

 

建立以後，會自動跳轉進入下面的界面，下圖中劃線的地方是 提交地址設置 和 提交的 命令行命令。先複製下來放着，後面會用。

 

 

 電腦端操做了：咱們這裏使用ssh祕鑰連接，須要在電腦端生成祕鑰（固然，也有其餘方式連接，有興趣的可搜索「提交文件到 github」看看）

git 的命令行輸入：

ssh-keygen -t rsa -C 你的郵箱地址，到有須要輸入的地方，直接 enter 肯定 ，enter屢次，直到執行完成

 

 而後就能夠在c盤的用戶 administrator文件夾下多了一個 .ssh 的隱藏文件夾

 

 

點開文件夾能夠看到兩個文件。這兩個文件是用戶 ssh安全安驗證的祕鑰，.pub文件的公鑰（公用上傳）。id_rsa是私鑰（本身保留）

複製.pub文件內的全部內容。 而後按後續步驟添加到github帳號的 ssh設置中

 

 

回到github官網點擊有右上角頭像右邊箭頭，下拉框中點擊 設置

 

 

設置界面中點擊  ssh and gpg keys ，而後點擊  new  ssh key 按鈕

 

 

點擊肯定以後  須要再輸入一次 github的密碼，以下圖，輸入點擊肯定

獲得以下界面，這樣就將當前電腦和 github 實現了 ssh的驗證了

 

 

而後回到命令行 ，運行前面 建立倉庫的時候 要求你們複製的 那兩條代碼 ，以下圖。（下圖紅框的地方 是你本身的倉庫地址）

 

第一次提交中途可能會遇到提示輸入 用戶名 和 密碼   在提示的地方輸入 github的 帳號 和 密碼 便可。

 

執行完成以後，文件就上傳到 github了，按下面步驟查看是否上傳成功

 以下圖點擊順序，就能找到你本身的倉庫。

 

找到倉庫後打開它

 

 就能夠看到 已上傳成功的文件了

 

右邊的綠色按鈕是下載操做。下載項目的地址以下圖

 

 

如何經過git下載別人的項目

---

 

 上面佈置咱們已經設置好了git

那麼下面，咱們新建立一個文件夾來下載別人的項目 

這裏我在  d 盤的 nodeTest 下 新建了一個 gitProject 文件夾， 下載的別人的項目就會放到這個文件夾中

一、文件夾中空白處  右鍵  git bush hare

二、命令行輸入  git init 初始化

三、 git pull https://github.com/sutianbinde/jQ-win7.git             如需下載別的項目使用以下格式：git pull 項目git地址

 

 

運行後，項目就被下載下來了。咱們去文件夾中就能看到項目了 ，那個Index.html就是項目的入口，使用瀏覽器打開便可查看

 

 

打開後可看到一個相似win7桌面系統的界面 

 

 

 學習須要鍥而不捨，但願跟學的同窗跟上進度哦~

 

 好，今天就講這麼多，明天將講解：node.js事件機制、node異步IO操做、路由。