從來沒想過大鳥會寫 js 的文章(Python 最棒,來啊來戰啊。但是因為目前實驗室網頁掛掉了,被推坑要在短時間內幹出一個靜態網頁。因此,在這系列文章會先以架設網頁為主;再將一些 js 用來協助網頁前後端的套件和 function。

以此文章獻給六角學院校長,廖洧杰學長這學期開始不在高大開課了 QQ

Introduction

在 1994 年時,全球資訊網(World Wide Web, WWW)開始普及化時。這時候瀏覽器(Web Browser)所呈現的網頁都是以靜態的 HTML 和 CSS 所渲染出來的。這時後的瀏覽器霸主 Netscape 想在瀏覽器裡面導入一個可以讓瀏覽器執行的 Scripting Language,JavaScript 就在此誕生了,成為瀏覽器主要核心技術之一。但是這一版的 JavaScript 只能在客戶端(Client-side,這裡指瀏覽器)執行。直到 2009 年 Node.js 的推出,才開始增長。

後來 JavaScript 的社群也不斷的在增長,並很多年都在 StackOverflowGitHub 的調查中獲取最受歡迎的語言。所以... 我應該不需要再介紹為什麼我們要學 js 了。

nvm

我們會在這系列的文章中會使用 Node.js 為我們的編譯器/執行環境(Interpreter/Runtime Environnt)。因為 Node.js 更新速度還蠻快的,而且加上為了可以執行舊版的 Node.js,我們會常使用。Node Version Manager 來個管理我們的 Node.js 版本。

curl -o- 'https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh' | bash

要注意的點是,NVM 只適用於 Linux 環境。若是使用 Windows,可以嘗試用 NVM for Windows,或者使用 Windows Subsystem for Linux。若使用 Fish Shell,則需要透過 omf install nvm 來安裝 NVM。

在安裝完了之後,我們可以下下面的指令來檢查我們是否安裝成功。若是出現沒有安裝 NVM,可以嘗試重新開啟指令界面。並安裝 Node.js。

# 檢查 NVM 版本
nvm -v
# 安裝最新版 Node.js
nvm install node
# 安裝 12.16.1 版 Node.js
nvm install 12.16.1
# 顯示所有 Node.js 版本
nvm list
# 顯示所有安裝過的 Node.js 版本
nvm list available
# 使用最新 12.16.1 版
nvm use 12.16.1

npm

Node Package Manager 可以被視為是 Node.js 的 pip。也就是一個套件的管理界面。基本上安裝 Node.js 會一起裝相對應的 npm。一個 Node.js 專案裡基本上會有一個 package.json 檔案。這個檔案主要會有專案資訊如:作者、Node.js 版本、所需要的套件等… 若有 package.json 檔,我們可以直接透過 npm -i 來安裝所需要的套件。並且所有的套件都會安裝到 node_modules 資料夾裡。

# 將專案/資料夾設為一個 Node.js 專案
npm init
# 安裝套件
npm install [package]@[version]
# 解安裝套件
npm uninstall [package]
# 列出已安裝的套件
npm list
# 列出已過期的套件
npm outdated
# 更新套件
npm update [package]
# 搜尋套件
npm search [package]

主要的指令都大概介紹完了,大鳥要繼續趕 Code 了...

Leave a Reply

Your email address will not be published. Required fields are marked *