隱私權聲明
本公司關心使用者隱私權與個人資訊,並遵守本公司的網站隱私政策,使用者若有任何問題,可以參考本公司的「網站隱私政策」,或利用電子郵件或連絡電話詢問本公司.
2020
07
10

[轉載] 史上最強套件管理 - NPM , npm init 與 npm install (Day11)

關鍵字:網頁設計程式設計網頁設計作品

什麼是 NPM

NPM is a package manager - 「NPM 是一個套件管理工具」

什麼叫做套件管理呢?

簡單來說,在沒有套件管理的世界

我們今天如果想安裝一個函式庫來用(我們用 Selenium 來舉例好了)

(Selenium 簡單來說像是一個可程式版的 Chrome ,你可以寫一些程式來讓瀏覽器跑自動化的行為,像是爬蟲 or bot)

今天沒有「套件管理工具」的話,你想要在你的專案裡新增 Selenium

你得要做的事情是,先找到 Selenium 的原始碼

https://github.com/SeleniumHQ/selenium

然後想辦法複製原始碼,然後將它加進你的資料夾裡

 

但是 NPM ?

比起描述 NPM 做了什麼行為,我們直接做 demo 比較快

假設今天我們要用 Node.js 寫一個 Project,會用到 Selenium

如果是手動加入套件管理的方式
要加入 Selenium,你得上 GitHub 先找到原始碼

 

接著想辦法複製下來,手動加進你的 Project

並且要閱讀相關文件,看這個要使用哪隻檔案當作進入點

使用套件管理器(NPM)

如果想要在一個 Project 裡面使用 NPM ,我們這邊會先學到一個指令 NPM init

 

在打入 NPM init 後,會被要求輸入幾個欄位

package name: 你這個 Project 要叫什麼名字
version: 你決定這個 Project 現在該是第幾版
description: Project 基本介紹
entry point: 進入點,如果要跑你的 Project 應該要執行哪個檔案
author: 作者(自己)
license: 你這個 Project 是採用什麼授權的
test command: 這個不太重要,待會會說明

基本上結束後,你可以看到這個資料夾底下,新增了一個 Package.json

如果你實際點開 package.json 來看

 

基本上使用 NPM 來創建的 Project,他會連一些專案的資訊都幫你做管理

一開始使用可能會覺得欄位很多

但是有趣的是

就因為 NPM 可以設定的東西很多,package.json 常常會跟其他服務共用呢!(後續說明)

基本上產生完 package.json 就可以開始安裝了

如果你覺得上面要一直輸入很冗,可以使用 npm init -y

他跟 npm init 幾乎一樣,只是它會幫你把預設選項全部跳過,產生一個空白的 package.json (懶人專用)

 

 

延伸閱讀

[轉載] NPM Install 到底做了些什麼?node_modules 檔案結構 + 特性入門

https://ithelp.ithome.com.tw/articles/10191783

[轉載] 從零開始: 使用NPM套件

https://medium.com/html-test/%E5%BE%9E%E9%9B%B6%E9%96%8B%E5%A7%8B-%E4%BD%BF%E7%94%A8npm%E5%A5%97%E4%BB%B6-317beefdf182

你可能有興趣的作品案例
傑立資訊傑立資訊事業有限公司
Powered by AWS Cloud Computing

電話:(02)2739-9096 | 傳真:(02)2739-6637 | 客服:[email protected] | 臺北市信義區和平東路3段257號6樓map

© 2019 傑立資訊 All rights reserved.| 網站隱私政策

線上詢價