iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 1
0
自我挑戰組

後端工程師自我練習,使用Node.js來做後端server系列 第 1

[Day-1] Node.js 入門[安裝與Hello world]

  • 分享至 

  • xImage
  •  

前言:
作為一名java後端工程師,想藉由這次的鐵人賽挑戰機會,來記錄下自己學習node.js的過程。
目標:
利用node.js搭建後端api server連結資料庫,並且使用vue.js模板做簡單畫面呈現。

Day1: 開始node.js
一、環境與設定
機器環境:windows 10 [版本 10.0.19042.450]
在node.js的官方網站 下載LTS長期支援版的node.js
https://ithelp.ithome.com.tw/upload/images/20200914/20110911SGgVQnWfJu.png

IDE:使用microsoft 的 visual studio code
https://ithelp.ithome.com.tw/upload/images/20200914/201109112DYlKGdlgS.png

二、開始node專案
首先創建一個空目錄,在目錄底下執行以下指令

npm init 
package name: (node) node_initail
version: (1.0.0) 0.0.1
description: a demo for nodejs project
entry point: (index.js) index.js
test command:
git repository:
keywords:
author: jaime
license: (ISC)
About to write to C:\Users\Jaime\Desktop\test\package.json:


{
  "name": "node_initail",
  "version": "0.0.1",
  "description": "a demo for nodejs project",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "jaime",
  "license": "ISC"
}

Is this ok? (yes) yes

接著會跳出如上的對話指令,設定基本的專案描述
較為重要的是entry point: (index.js) index.js這一項,指定了此node專案裡的進入點
以及在目錄底下會產生一個package.json的檔案
這檔案非常重要,之後此專案內所用到的library以及專案行為會以裡面內容執行

三、建立index.js
建立index.js,作為專案進入點
index.js

console.log('Hello world!')

執行node index.js
程式正確執行的話,就可在console中看到輸出結果
https://ithelp.ithome.com.tw/upload/images/20200914/20110911IWGYs8lQjQ.png

測試環境時的開發工具:nodemon
在開發環境的時候,每次修改檔案再存檔,再執行的過程是非常麻煩的
在這使用nodemon這個套件,可以在每次存檔後,會自動部屬自動執行程式

安裝:

npm install -g nodemon

指定代表了在node託管library中找到nodemon這個套件, -g 表示以全域方式安裝,在每個專案裡都能使用這個套件。
另外在package.json中也要加入對應的script,才能以npm方式執行
https://ithelp.ithome.com.tw/upload/images/20200914/20110911KKGGheNVzu.png

執行

npm run dev

意思是在專案裡,執行了dev這個script
https://ithelp.ithome.com.tw/upload/images/20200914/20110911Afus36vRBw.png

在index.js裡修改程式,並儲存,就能看到nodemon自動重新執行
https://ithelp.ithome.com.tw/upload/images/20200914/20110911OUP6mxAY3o.png

在index.js裡寫的內容是在的內容
以純javascript的方式寫成
可以嘗試寫些基本程式邏輯運行看看

Day1結束


下一篇
[Day-2] Node.js 入門[基本套件引入]
系列文
後端工程師自我練習,使用Node.js來做後端server30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Tree
iT邦新手 3 級 ‧ 2020-09-15 16:15:41

一起加油寫文章 /images/emoticon/emoticon18.gif

我要留言

立即登入留言