node.js 學習筆記

2014-04-26 18:07

本篇寫的是 node.js 的安裝與基本範例。

參考網站 :

     https://cwbuecheler.com/web/tutorials/2013/node-express-mongo/

安裝 :

1.下載安裝檔案。

    https://nodejs.org/download/ 在這邊找到符合你需要的版本進行安裝。

2.建一個資料夾給你的專案當作"根目錄"使用。

    例如 : C:\web_projects

3.例用強大的 npm安裝express套件,基本上以後其他原件都靠這玩意就能順利安裝了。

    指令 : C:\web_projects>npm install -g express

             C:\web_projects>npm install -g express-generator

    npm 的 install 指令關網解說 => https://www.npmjs.org/doc/cli/npm-install.html  

    中文版的 npm 常用指令解說 => https://dreamerslab.com/blog/tw/npm-basic-commands/

    套件的說明網址 => https://www.npmjs.org/

4.建立專案,要注意的是你在哪個目錄下這個指令,他就會在那個目錄下產生專案的目錄。

    指令 : C:\web_projects>express test1

    執行這行命令後他會自動下載所有專案需要的套件到 node_modules 這個目錄下,

    以這邊來說就會是C:\web_projects\test1\node_modules\

 

5.建立相依性(EDIT DEPENDENCIES)

    找到 C:\web_projects\test1\ 下的 package.json 檔案

    看起來會像下面這樣

{
    "name": "application-name",
    "version": "0.0.1",
    "private": true,
    "scripts": {
        "start": "node ./bin/www"
    },
    "dependencies": {
        "express": "~4.0.0",
        "static-favicon": "~1.0.0",
        "morgan": "~1.0.0",
        "cookie-parser": "~1.0.1",
        "body-parser": "~1.0.0",
        "debug": "~0.7.4",
        "jade": "~1.3.0"
    }
}
    在 "dependencies" 的區塊內增加 mongodb 跟 monk 的部分,結果會像下面這樣。
 
"dependencies": {
    "express": "~4.0.0",
    "static-favicon": "~1.0.0",
    "morgan": "~1.0.0",
    "cookie-parser": "~1.0.1",
    "body-parser": "~1.0.0",
    "debug": "~0.7.4",
    "jade": "~1.3.0",
    "mongodb": "*",
    "monk": "*"
}

6.安裝相依性套件(INSTALL DEPENDENCIES)

    指令 : C:\web_projects\test1>npm install        (一定要先接換到 test1 目錄下,這樣他才會知道要依照哪個 package.json 檔案來安裝套件)

7.啟動網站

    指令 : C:\web_projects\test1>npm start        (一定要先接換到 test1 目錄下)

    結果應該會像下面這樣

    > application-name@0.0.1 start C:\web_projects\test1\
    > node ./bin/www
 
8. 測試是否成功
    直接登入 https://localhost:3000 網址就會知道了,結果應該要像下面這樣喔。
 
 
 
Make a free website Webnode