使用WebStorm和Git開發Node.js應用

使用WebStorm和Git開發Node.js應用

1、使用WebStorm建立express項目
一、建立項目
File|new project，先選擇location爲D:\，輸入項目名稱Caller，選擇Node.js Express項目。
二、修改配置：智能感知
file|setting|javascript|node.js，在project目錄下只選擇三個Ecma script，也就是js支持，再選擇兩個node.js支持。移動到public目錄，開啓dhtml、html5。
注意每行右側是可多選的下拉框。

三、修改配置：運行和調試
Run菜單的Edit Configurations，在run/debug configuration對話框，勾選check no other instances are running
意思是每次運行的時候，檢查是否有其餘實例在運行。
勾選此項以後，咱們屢次從新運行項目，就不會出現錯誤。

2、修改配置：
一、智能感知
二、Git
三、運行調試設置

3、啓用Git源碼管理
一、設定用戶名和郵件地址
D:\>git config --global user.name 畢丹軍
D:\>git config --global user.email 11084184@qq.com

二、啓用Git源碼管理
Vcs菜單，Enable version control integration，激活源碼管理集成。咱們選擇Git。
在下方的version control選項卡能夠看到，實際上執行了下面的命令：
23:40:13.651: cd D:\Caller
23:40:13.652: git init
Initialized empty Git repository in D:/Caller/.git/
啓用後，在項目文件夾下創建了一個新的文件夾D:\Caller\.git，這就是Git的工做文件夾，項目文件夾下有這個文件夾，表示項目文件夾總體受Git管理。
三、設定哪些文件和文件夾要忽略：
在項目文件夾下，添加一個名爲.gitignore的文件，這個文件將告知git當前文件夾下哪些內容是須要忽略的，效果很明顯，加入此文件後，unversioned files從490變成6個，咱們排除了webstorm的項目文件夾和npm_module文件夾。
將以下內容(爲WebStorm的node.js項目定製的)拷貝進來：
*.idea
.idea
idea
.DS_Store
*.DS_Store

lib-cov
*.seed
*.log
*.csv
*.dat
*.out
*.pid
*.gz

pids
logs
results

node_modules
npm-debug.log

四、將當前項目加入到Git
最初，項目文件夾的全部文件，都沒有加入緩存區。
咱們在下方的changes選項卡，能夠看到文件夾全部文件，均未加入緩存。點click to browse查看文件夾上全部文件，注意次序：先勾選項目文件夾，而後去掉對npm_module目錄。咱們不將npm加入源碼庫，這意味着一旦獲得源代碼，需在項目文件夾下運行npm install命令添加相應的依賴，或將項目依賴的npm_module文件夾拷貝到項目文件夾，項目才能正常運行。
這裏是須要理解的：本地緩存->本地源碼庫->遠程源碼庫，三個級別。咱們查看version control選項卡，能夠看到加入緩存其實是git add命令，add進來的是"準備提交到本地源碼庫"，只有執行git commit才能真正放到本地源碼庫。

在changes選項卡，右鍵，Commit。這時緩存區的文件才真正的存入了本地源碼庫。
五、咱們在changes的log標籤，看到版本歷史，剛剛提交了一次。
選中剛剛的提交，右鍵，Create Tag，咱們作一個標籤：V0.01
看看版本管理控制檯，實際上運行了命令git tag V0.0.1 6db050e

4、本地分支及開發流程：
本地Git分支：
一、默認分支
在簽入文件前，咱們在右下方能夠看到branches，只有一個master分支。這個分支，咱們將做爲發佈版本的地方，換句話說，這個分支的每一次演進，都是項目的一個發佈版本。咱們將建立一個develop分支，這是開發分支，項目最新的狀態，很顯然，開發分支穩定實現了發佈版本的功能集合以後，可合併到master分支並打上版本Tag。
第一次簽入後，咱們將其做爲0.01版，同時在branches窗口，咱們可建立新分支了。
二、建立develop分支
實際上執行了以下命令：
git checkout -b develop
當前分支是master，建立新的分支(以當前分支的狀態)develop，而後切換當前分支爲develop分支。
固然，咱們不在develop分支上工做，而是每開始一項工做，建立一個臨時分支，完成後合併到develop分支。當develop分支能夠做爲版本發佈的時候，建立臨時的發佈分支，完成工做後合併回開發分支，再由開發分支合併到master分支，打上版本號tag。
咱們看看WebStorm最下一行，右側，顯示Git:Develop，表示當前咱們在develop分支工做。點擊它，能夠發現多了一個本地分支master，咱們隨時可切換過去。

那麼咱們這裏演練一下，先建立一個分支，目標是在空的文件夾，加入README.md文件，分支命名爲folder
作完後簽入，而後合併到develop分支，再刪除folder分支。
首先，在右下點擊Git develop，打開branches窗口，new branch基於當前的分支建立新的分支，命名爲folder，此時當前分支切換到folder分支。
在空的文件夾下，增長README.md，會出現是否加入版本庫的提示，加入。
而後commit
如今工做作完了。
咱們切換到develop分支，咱們會發現，放放加入的幾個文件不存在了。
而後在分支窗口選擇folder分支，選merge合併。
此時會提示已經合併，並給出Delete folder的超連接，點擊它，folder分支被刪除。
再看看，當前的分支爲develop，剛剛加入的文件都出現了。
這是常規的工做流程。

5、分享到GitHub
一、在GitHub註冊一個帳號，假設爲wflite二、file->setting->GitHub change credentials，輸入用戶名和密碼。三、在VCS->import into version control->share project on github按要求肯定GitHub的遠程庫名稱、並輸入用戶名和密碼。此時在創建了與GitHub項目的關聯，能夠push四、VCS->Git->Pushpush current branch to alternative branch默認是不勾選的，表示push到遠程的master，咱們要在遠程庫也創建develop分支，所以本地切換到develop分支以後，再push一次，勾選這個選項，會在遠程庫也創建develop分支，並將本地分支和遠程同名分支關聯起來。五、從此，咱們維持本地與GitHub的develop分支的同步便可，在發佈一個版本時，纔將本地的master分支push到服務器master分支。