紀錄工作經驗、相關知識,解決技術相關問題。

Node JS

Node JS + Express 新手安裝教學 |第一次安裝就上手

Node JS 是近年來開發網站大家常用的選項之一,主要以 javascript 撰寫,米糕測試後,發現比傳統的LAMP架構還要快速,所以接下來整理一下新手安裝步驟,方便快速上手 Node JS。

安裝 Node JS

在官方網站提供了相關的檔案下載與說明文件文件,有興趣想要了解細節的人,可以找時間看看,不過新手應該都只會用到下載。

下載 Node JS

安裝 Node JS,我們需要先到 Node JS 官方 下載 LTS 版本來安裝,

node js 官方下載頁面

這邊會有人問什麼是LTS呢?
LTS 是 Long-term support 的縮寫,中文讀做長期支援,想知道詳細的解釋,可以參照 維基百科 ,對新手來說,可以把LTS當成穩定常用版本,會比較簡單理解。

安裝 Node JS

下載好後,安裝上也沒什麼限制,安裝路徑可以直接用預設就好。

node js 預設安裝路徑

確認安裝成功 & 檢查版本號

安裝完成後,開啟工作管理中,我們輸入 node -v 來確認 Node JS 是否安裝完成,以及安裝的版本是否正確,指令如下:

node -v
node js 檢查版本號

到這邊,只要版本號與下載的Node JS 版本相同,基本上就是正確的,可以開始著手開始開發。

Express-Generator

使用 NodeJS 開發網站,外面有很多套可以使用,這邊以大眾最常用的 Express-Generator來做介紹

安裝 Express

這是個命令工具,他可以很方便安裝初始化要用的專案,首先 npm install -g express-generator 安裝全域中。

npm install -g express-generator

安裝專案開發包

用 express 在資料夾中建立專案,用法如下 :

express 專案資料夾名稱

專案資料夾名稱可不填,無填寫時,等同在目前所在資料夾安裝專案。

安裝 NPM

在 NodeJS 安裝好後,你還會需要安裝 NPM,來方便後續的開發作業,指令如下:

npm install

安裝 NPM前,原先啟動 NodeJs ,需要使用 node 來指定你要執行的檔案 :

node 檔名.js

安裝NPM後,啟動會改由 npm start 啟動,到目前便可開始針對需求進行開發。

npm start
node js 使用 npm start 啟動

啟動成功後(如上圖),你便可以透過 localhost:3000 來觀看執行結果。

到目前為止就算完成了,可以依據每個人不同的需求,透過npm 來安裝相關套件與所需工具。

發表迴響