1. 程式人生 > >WebStorm建立nodejs Express工程(node js web 開發),並進行git版本管理

WebStorm建立nodejs Express工程(node js web 開發),並進行git版本管理


2. 填寫相關資訊(windows下node環境配置,可直接在官網下載安裝程式按照程式指示步驟安裝(我的node安裝到了D:/soft/node目錄下 了))
3. 建立後通過快捷鍵Alt+1切換到專案檢視



4. 可點選執行,控制檯日誌輸出監聽埠3000

6. 訪問沒問題後,然後建立git庫進行版本管理(需要提前安裝好git,可在官網下載安裝程式 D:\soft\Git路徑下) 在webstorm下配置git: File -> Settings...
Version Control  ->  Git  配置git程式路徑

配置好可點選Test檢視是否配置正確
配置好git後,接著把專案匯入到git版本管理庫 VCS->Import into Version Control ->Create Git Respository...

7. 一般會自動定位到專案的硬碟路徑,確定是專案的根路徑後點擊OK

8. 這時候檔名顏色會顯示為暗紅色,代表未被git跟蹤,說明本地庫建立成功,若是webstorm有.gitignore的外掛,會自動提示沒有建立忽 略檔案或目錄的配置檔案
9. 安裝關於建立及格式校驗的.gitignore檔案的外掛 同樣在File -> Settings...進入到設定頁面,
然後選擇Plugins ,在右邊介面點選Browse repositories...按鈕
在彈出的視窗中輸入ignore會在下放顯示查詢結果,選擇第一個,右邊會有一個Install按(我本地已經安裝過,故沒有)鈕,點選安裝,安 裝完成後會提示是否重啟程式,重啟後生效
10. 建立git版本管理忽略檔案或目錄的配置檔案 右擊專案名稱,然後如下圖所示進行建立:
彈出框,搜尋node,並勾選Node,點選Generate進行建立
會提示是否加入到git版本管理,yes即可
配置好要忽略的檔案及資料夾後,右鍵專案名稱,把需要被git跟蹤的檔案新增進來(單個檔案右鍵,單個的新增,專案整體就是根 據.gitignore檔案中配置的忽略檔案外的都新增進去,目錄下面也可以新增配置檔案,具體可以 查詢相關資料)

檔案被新增到git庫後,檔名會由暗紅色變成綠色,(被git忽略的檔案是灰色),然後右鍵專案名:
選擇要提交的檔案,新增相關注釋,提交即可:
commit後文件名會變成黑色,代表提交成功,這就完成了test專案由本地的git庫進行管理的工作了。