iT邦幫忙

0

【手邊雜記】安裝 Node js -- express + sqlite - 1

Hoie 2020-09-11 12:40:582736 瀏覽
  • 分享至 

  • xImage
  •  

最近想的嚐試自己記錄一些手邊的小事
就從node js 開始吧


圖片來源

Node js

node js 使用的是 javascript 的開放原始碼,

可以很容易的建立一個Web server,

對於新手來說較好上手,入門門檻相對較低

Express

express 是應用在node js 上的一個web應用框架,也是目前大多數的使用者會搭配使用的


首先,得先安裝node js

下載node js :
選擇LTS版本

https://nodejs.org/en/

接下來就是懶人安裝法....
如果有安裝成功,可以開啟 Node.js command prompt
輸入 node -v 的指令,即可得到目前的版本為v12.13.0

下一步.
開啟 Node.js command prompt ,將路徑指定到要建立專案的目錄下,
目前是預計把專案放在一個 D:mySqlLite 資料夾裡面

下一步.
npm init 指令
npm 是nodejs裡的一個管理插件的軟體,在安裝nodejs 時就會順便安裝了
init 指令啟動後,node js 會尋問一些有關專案的相關問題
基本上,都是懶人大法'Enter',除了其中一個'entry point' 這個是設定是當nodejs啟動後,你想要指定哪一檔案為第一個進入的檔案,如果不小心enter按的太開心,在之後的json也是可以修改entry point 的檔案的,全部按完後,記得最後要 key yes,設定的資料才會生效。

下一步.
建立完成後,可以發現專案目錄下有產生一個 package.json的檔案

打開 package.json 的檔案,可以看到 init 的設定值,
如果以後要修改程式進入的檔案也可以從 'main' 修改

package.json 也會記錄該專案用了哪些套件軟體,如果以後專案要搬移,或是copy給其他同事,可以直接給package.js檔即可,就不用拿整個node_modules目錄了,
夥件拿到後,只要再執行 npm install 即可安裝完該專案有的套件,是不是很方便呢!

就快完成了!!!
接下來
即將把express 安裝進工作目錄
在 Node.js command prompt 輸入 'npm install express --save'

安裝完成後,你會發現工作目錄下長了一個體型龐大的資料夾,其中也包含著express

基本上這樣就算安裝完成了。


好用的補充:

nodemon

nodemon 是個套件,非常好用的套件,激推!!!

當nodemon執行時,會偵側你的執行檔(app.js)的程式碼有沒有改變,

當有改變即會自動重啟,

因為在開發階段,不停的retry 檔案是不可避免的,

nodemon 可以省掉開發時輸入 node app.js 的程序


就來啟動一下吧!

express 安裝完後,基本上就差一哩路了!

接著開啟 visual studio code
在工作目錄下建立一個 app.js 的檔案 (因為在init的設定裡,把app.js作為程式進入的檔案,如果當時的你是使用預設值,那請命名為 index.js)
接著新增程式碼:

var express = require('express');
var app = express();

app.get('/', function (req, res) {
  res.send('Hello World!');
});

app.listen(3000, function () {
  console.log('mySqlLite listening on port 3000!');
});

存檔後,趕緊來執行一下
Node.js command prompt 輸入 nodemon app.js

打開瀏覽器輸入 127.0.0.1:3000

另外,除了在Node.js command prompt 上啟動node js
在vs code 上也能開啟終端機執行 nodemon app.js

這次就先寫到這裡吧 XD

第二集在這裡
安裝 Node js -- express + sqlite-2


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言