# Node.js(一) 介紹與開始 ###### tags: `Node.js` <br /> 在開始之前,首先說明學習的資源主要為 **The Net Ninja** 的 **Node.js Crash Course Tutorial** 系列,部分內容參考 W3Schools 及其它使用到的框架官方文件等,以快速、直接的瞭解 Node.js 及其基礎應用。 <br /> ## Node.js 簡介 以前 JS 只能在有 **v8 引擎**的瀏覽器上執行時 (JavaScript 為直譯語言),編譯成機器碼。 Node.js 則是用 C++ 編寫,並包裝了 v8 引擎,因此現在不只可以在瀏覽器上,更可以直接在電腦或是伺服器上運行 JS。 此外 Node.js 並不僅是 v8 引擎的包裝環境,也添加了額外的功能給 JavaScript,比如: 1. 從電腦上讀取或寫入檔案 2. 連接到數據庫 3. 作為伺服器的內容 以上為作為伺服器後端語言希望能做到的工作 ## 使用 Node.js 的優點 1. 如果使用者是先從前端領域開始學習的,那麼可以使用相同的 JavaScript 作為學習後端的語言,而不需再去學其它的語言(但還是要學習與前端稍不一樣的 Node.js) 2. Node.js 有大量的第三方軟件包和工具可以使用,幫助網頁開發 <br /> ## 開始使用 Node.js 在學習 Node.js 之前,應先具備 JavaScript 的基礎,例如:functions, async code, promises … 等。 關於 Node.js 的安裝這裡就不贅述,網路上已有大量的文章、影片教學,安裝好後可以在 cmd 上輸入 `node -v` 來確認是否安裝成功。 ![](https://i.imgur.com/f6gnxAv.png) 如圖顯示筆者的 Node.js 版本是 12.16.3 接著可以輸入 `node` 指令,進入一個可以執行輸入的 JS code 的環境 ![](https://i.imgur.com/EpLSOZi.png) 輸入 `1+2`,會回應 `3` ![](https://i.imgur.com/Gh1jYlv.png) 設定 x 字串變數,並呼叫 x ![](https://i.imgur.com/XRffQ54.png) 以上操作都可以在瀏覽器的 console 控制台做到,如果想回到一般的 cmd 按兩次的 `Ctrl + C` 或是一次的 `Ctrl +D` 即可。 但一般不會在 cmd 撰寫 JS code ,而是在文本編輯器,筆者習慣使用的編輯器為 VS code (Visual Studio Code),因此後面在操作時也是以 VS code 進行。 關於 VS code 的使用也請至網路上搜索,這裡就不多介紹了。 <br /> ## 開始撰寫第一個 Node.js 首先在 VS code 開啟一個資料夾,這裡我命名為 NODE-TEST,並在其內新增 test.js 檔案 ![](https://i.imgur.com/tmkvpik.png) 接著在該檔撰寫如下 code 並存檔 ```javascript= const str = "Hello World!"; console.log(str); ``` 開啟 VS code 的終端機,注意目前的資料夾為存放 test.js 的資料夾 ![](https://i.imgur.com/9MLZxS9.png) 輸入 `node test` 或是 `node test.js` 執行 test.js 檔案,可以看到列印出 str 的字串內容 ![](https://i.imgur.com/jUFHv3O.png) 該結果與在瀏覽器上執行的結果相同。 <br> --- **參考資料** [The Net Ninja | Node.js Crash Course Tutorial #1 - Introduction & Setup](https://www.youtube.com/watch?v=zb3Qk8SG5Ms)