跳到主要內容

[鐵人賽] NPM 介紹及使用說明 - node.js day 4

NPM 介紹

導讀

npm 在 Node.js v0.6.x 版本之後,就變成內建的系統之一,npm 全名為 node.js package management,主要用於套件管理, 至於 npm 有什麼強大之處,接下來慢慢介紹。

開始

Node.js 其中好用的一個部份就是因為有 npm,擁有完整管理的架構,讓套件可以被妥善管理,每個專案間的 dependecy 也可以妥當的被使用,目前在 npm 上也已經有 8000 多個模組,提供開發者使用。
基於開發者不要重複自己造輪子,從 npm 上面找到適合自己的模組,就是開發者應該做的工作。

npm 基本使用方法

npm 資料網站
https://npmjs.org/
可以從上面的網站找到許多套件,使用方法也非常簡單
內容詳細的項目,可以參考 npm 的說明,在終端機輸入 npm ,會得到如下的訊息,
where  is one of:
    add-user, adduser, apihelp, author, bin, bugs, c, cache,
    completion, config, ddp, dedupe, deprecate, docs, edit,
    explore, faq, find, find-dupes, get, help, help-search,
    home, i, info, init, install, la, link, list, ll, ln, login,
    ls, outdated, owner, pack, prefix, prune, publish, r, rb,
    rebuild, remove, restart, rm, root, run-script, s, se,
    search, set, show, shrinkwrap, star, start, stop, submodule,
    tag, test, tst, un, uninstall, unlink, unpublish, unstar,
    up, update, version, view, whoami

npm  -h     quick help on 
npm -l           display full usage info
npm faq          commonly asked questions
npm help   search for help on 
npm help npm     involved overview

Specify configs in the ini-formatted file:
    /Users/caesar/.npmrc
or on the command line via: npm  --key value
Config info can be viewed via: npm help config

如果想要知道每個項目要怎麼使用,可以輸入如下的範例
npm remove -h
npm tag -h
輸入上面的指令,加上 -h 的參數之後,就可以得到解釋。

npm install

用於安裝 node module,描述如下,
npm install express
如此就可以安裝 express 的套件。
全域的安裝,指的是當此套件擁有指令模式的時候,可以使用 npm install -g ,讓模組的指令可以直接在系統上執行。
npm install -g express
安裝完成之後就可以使用在系統上使用 express 這個指令。
express test 
就可以使用 Express 指令產生新的專案 。
另外如果希望安裝 express 舊有版本的時候,可以直接使用
npm install express@2.8.5
輸入上面的指令 express 2.8.5 就會被安裝完成。
如果是為於某個專案底下,同時 node project 中也有設定 package.json 的話,就可以直接使用,
npm install .
如此就會去讀取 package.json 當中的 dependencies ,找到需要安裝的模組,安裝到此目錄的 node_modules 目錄當中。

npm list

列出目前安裝的 node module 有哪些,
// 列出目前 node moulde 
npm list
輸入如上的指令,如果沒有位於任何 node project 底下的時候,是不會顯示任何模組,這是因為 npm 會去讀取 package.json,取得相依的 package 之後,再到此目錄底下的 node_modules 底下找相關模組是否已經被安裝。
// 列出全域安裝的 node module
npm list -g     
如果輸入上面的指令,就會得到目前使用 npm 已經安裝多少全域的模組,將會全部被列出來。

後記

npm 另外一個強大的部份在於 npmjs.org 網站上面的註冊、管理、上傳設定,讓自己開發的 node modules 也可以透過 npm 進行安裝,但是在這個章節,不會教導這麼多,這個部份,歡迎有興趣的人自己去找尋答案,或者到 Node.js Taiwan 社群討論。
安裝完 node.js 也了解 npm 之後,接著可以開始進行我們的第一個 node 程式,進行自己的 node.js 開發第一步。

留言

這個網誌中的熱門文章

[分享] 腳踏車環島注意事項

很多人都期望自己能夠做點什麼,做些什麼,而退伍之後的第二個星期,就展開了環島之旅。 對很多人來說這不算什麼,甚至有人展開了走路、跑步、溜滑板、單輪車等方式環島一周,充分展現對台灣的愛與關懷。 這篇主要讓不知道怎麼準備環島的人,作一個完善的解說,首先隨身的東西要有: 證件現金類 : 身份證 健保卡 學生證 現金 提款卡 悠遊卡

館長的網站技術瓶頸,小弟弟來解答 - notorious-2019.com

館長的網站技術瓶頸,小弟弟來解答 - notorious-2019.com 昨天看到館長的網站倒了,也看到館長說一個月花費大概一百萬左右的月費在支持這個架設的電商網站,也對外發布出來訊息,希望求救, 直接講結論 建議解法, 1. 首先要做的事情是讓整個網站可以橫向擴展 (Load Balancer + n 台伺服器),對,相信我,IIS 也是可以做 Scale out, 這是對於 Application layer 服務的解法。 2. 資料的部分 SQL 吞吐量,建議改成 GCP Cloud SQL, 或者就直接轉到 Azure SQL Server 環境上會相對容易解決 SQL 的問題。 上述 2 個步驟都處理完,其實 100 萬的費用,應該 20000 concurrent user 是沒有問題的,但前提是要設定『對』! 額外需要花較長期時間要處理的,建議就是在 Queue 的處理,購物車的狀態都可以進入到 Queue 再來處理 SQL insert 的問題,減少不斷的 insert / update 的狀態,後文會提到 ... 底下詳細的會再說明如何後後續還有哪些處理的細節。 這兩天剛好有個小空擋,就來分析一下狀況, 可以從外部讀取得到的服務大致上如下, ASP.Net : 4.0 IIS 10 + Windows (廢話) SQL Server (推測) OP Service: PleskWin Host: Google Cloud DNS: Cloudflare 前端服務內容架構 Server-side render, jQuery base, 推測有可能採用現成購物車來進行,看起來不太像是用 wooCommerce 比較像是 Cart Functionality 這類的項目直接搭建而成(當然這純屬猜測) 功能拆解 因為網站是透過 Server site render 所有頁面都需要重新透過伺服器進行載入,這樣的狀況,如果在頻繁忙碌的 eCommerce 網站架構下會是一個致命傷, 簡單來說,數量的查詢,特惠價,優惠碼等等資訊的處理,使用者每做一步都需要重新跳轉頁面,或者整頁面重新讀取,只是為了部分的資料更新,這些都可以抽取出來成為 API ,透過 AJAX 的方式進行讀取。 讀寫分離 在不了解目前資料庫複雜狀態下,首先要讓所有人都

[教學] 快快樂樂刪除CodeIgniter index.php

預設的CI網址預設都設定為index.php同一層級,因此所有的程式都必須指定index.php導向才能開始,例如 http://localhost/ci/index.php/welcome/test http://localhost/ci/welcome/test 本文將說明如何將惱人的index.php消除,還你一個漂亮的URL。 設定開始: 接下來說明如何使用rewrite方式將惱人的index.php去除。 rewrite不清楚的人,煩請先自行google 首先要先確定Apache的 mod_rewrite 有 開啟 ,如果沒有開啟請設定好之後重新啟動apache。 接著,在根目錄底下建立一個新檔案,檔名為 .htaccess ,裡面程式碼如下: <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php/$1 [L] </IfModule> 接著到 application/config/config.php ,開啟檔案修改 $config['index_page'] = ""; 注意: /index.php/$1 要根據你目錄,例如 http://localhost/index.php ,網站根目錄為 /ci/index.php 則要寫成 /ci/index.php/$1 接著至CI目錄下,尋找 config\config.php , 修改一下裡面的檔案,修改如下: $config['index_page'] = ""; 存檔後,如此一來大功告成。 參考資料 官方網站說明