朝向前端工程師之路 - Hello Nodejs !!
這個章節，會帶著你會把Nodejs安裝完成，並寫下你的第一支Nodejs helloWorld程式。
以下流程會以 win 系統為主，如果你是mac 系統，關於安裝與執行部分我相信網路上資源很多，可以自行比照，除了系統執行指令不同，流程都是一樣的。
安裝
首先到nodejs 官網，下載建議的版本，目前nodejs最新版本是v5.5.0，不過在這裡建議大家用v4.2.6(也是官方建議，終究也看過太多前輩踩了雷又退回來)
Install直接下一步到底就好不用想太多
執行環境 cmd
這裡有些東西你必須得了解，這部分是避不掉的。
首先就算你是win系統，你還是得學習所謂的命令模式，就是所謂的cmd下的指令(以前我都說這是dos模式，沒有像win那樣有漂亮的視覺化介面可以操作)，nodejs都是在cmd下執行，別擔心!用久了你會發覺反而比視窗介面方便又更快速。
不過先不用太擔憂，不需要全部學習，我們指需要知道如何在正確的地方(路徑)執行你的js程式就好了。
首先我們先試著啟動cmd模式，在桌面的搜尋框內鍵入cmd(win10會在桌面左下角，搜尋執行的程式那個框就是)，找到後按下enter開啟他。
正常來說，你會看到一個視窗，裡面只有黑色底淺色字，以後你必須在這裡鍵入正確的指令去執行你的js程式，我知道對於不懂電腦的人，看到這個畫面就覺得駭客高手才會進來這裡，其實所謂的cmd模式不過就是把你以前在桌面上的雙擊開啟程式動作，變成在cmd輸入指令開啟程式。
首先為了學習先來惡搞一下，我們在cmd下輸入app後按下enter執行他(或者你亂打一些字試試)
如想像的，你馬上會得到執行錯誤，原因是，你根本沒有app這個程式，用桌面比喻就是你桌面上沒有app這個icon，所以系統回覆你錯誤訊息。
由此可得知，往後你如果看到這個訊息，代表你應該是拼錯打錯字，或者這個路徑下沒這個檔案。
目前你看到的命令列，代表你所在的資料路徑位置，假如是c:/xxx/aaa/這代表現在開啟的是c槽的xxx資料夾裡的aaa資料夾，如果你想看這個資料夾裡有什麼檔案，你可以輸入 dir按下enter ，會列出這個資料夾裡的檔案。如果你想要回到上一層目錄，你可以輸入cd ..，這是回到上一層資料夾的意思，反過來說，如果要再進去某個資料夾，你可以輸入cd bbb，這代表你要進入 bbb 這層資料夾。如果需要換到d槽，只要使用cd d:/就可以直接切換。
上面的路徑使用，熟悉後你應該可以理解，cd這是路徑的指令，後面接的，就是要執行的檔案或路徑名。
以上為何要說明這些無聊的路徑管理呢，以下說明nodejs執行的狀況。
你寫了某隻js程式，假設是做app. js，你需要用nodejs去執行他，你只要輸入 node app. js ,前面的node是指令，之前到官網下載安裝完成後就會有這指令，後面的app. js 是你要執行的程式路徑。
開始第一支Nodejs程式
瞭解如何在cmd下工作後，我們開始嘗試寫下你的第一支nodejs程式，首先用你習慣的文件編輯程式，(你可以使用Dreamweaver甚至是記事本，任何可以建立文件的軟體都可以，一般我們會建議你使用sublime，這是目前最多人使用的js編輯器)，打開一個檔案，輸入以下程式
console. log("Hello World Nodejs!!");
如果你有在寫js，應該會知道，這個js會在主控台輸出你要的物件
輸入完成後，存檔名app. js，為了方便執行，你可以把它拉到c槽根目錄。
接下來我們要用cmd到c槽下去執行他
打開剛剛說明國的cmd模式，由於你的app. js，放在c槽根目錄，所以我們必須先切換到正確的路徑再執行他，輸入cd c:切換到c槽根目錄，路徑切換成功後，你可以明確的看到cmd提升為c:\工作路徑。
執行你的js程式
node app. js
你會看到cmd下一行輸出Hello World Nodejs!!
恭喜你!你完成你的第一支nodejs程式了!!
我知道這是一支很無聊的程式XD ，但是好歹他幫你理解執行環境，讓你邁出第一步，下一章節我們會開始作點有意義的事。
Ps. 如果以上這個簡單的流程與helloWorl程式，如果實作上依然遇到錯誤？
一般而言初學者最常遇到執行路徑錯誤問題，請一定要確認你的執行路徑沒有錯，比方你的app.js儲存在c:/但是你卻在d:/執行，當然是行不通的。
如果你不想切換路徑，另一種方法是直接指定絕對路徑，比方你的js放在c:/home/app.js
你可以直接指定路徑執行 node c:/home/app.js
沒有留言:
張貼留言