npm node.js的套件管理程式

15
npm 您您您您您您您您 台台台台台台 @ 台台台

Upload: chuyi-huang

Post on 16-Apr-2017

301 views

Category:

Software


2 download

TRANSCRIPT

Page 1: Npm node.js的套件管理程式

npm

您的專屬套件管家台中前端社群@ 夢種子

Page 2: Npm node.js的套件管理程式

Node.js

Page 3: Npm node.js的套件管理程式

Node.js

Page 4: Npm node.js的套件管理程式

npm, package manager of node.js

Page 5: Npm node.js的套件管理程式

不只是 node.js的管理套件node.jsbrowsersangularbowergulpgruntcordovabrowserify

reactio.jsmobilejquerytesselnodebotsdocpadjavascript

Page 6: Npm node.js的套件管理程式

npm

Page 7: Npm node.js的套件管理程式

我為什麼需要套件管理 ? 不同專案的需求開發團隊維護的統一規格套件的版本控制套件的相依性安裝特殊需求的套件例如測試用的套件好用工具的安裝﹣例如自動化工具、壓縮工具專案越來越大,如果不使用模組化管理、未來開發維護將會崩潰

Page 8: Npm node.js的套件管理程式

npm 安裝1. 到 https://nodejs.org 安裝合適版本的 node.js2. 安裝完畢後輸入 npm -v ,確認 npm 的版本3. 透過 npm -h 找出 npm 的指令4. 例如 : npm install -h 用這個指令了解如何使用

npm install5. 搜尋 npm cheat sheet 找到快速指令列表

Page 9: Npm node.js的套件管理程式

npm installation

Page 10: Npm node.js的套件管理程式

npm 安裝指令的標籤1. -g 的意義2. --save 的意義3. --save-dev 的意義4. 使用 -h 的觀察5.<pkg> 與 @ 的用途

Page 11: Npm node.js的套件管理程式

npm - node_modules

Page 12: Npm node.js的套件管理程式

npm - package.json { “name”: “my awesome App”, “version”: “0.0.1”, “dependencies”: { “ 套件名稱” : “ 版本” }}// npm install 將安裝套件與版本

Page 13: Npm node.js的套件管理程式

npm - 透過 init協助產生 package.jsonnpm init // 初始化專案的 npm 設定檔輸入必要的資料在專案內安裝套件將自動更新未來可直接更新設定檔的內容透過 npm install 管理與維護套件內容了解版本 ^ 與 ~ 符號的不同透過 npm prune 重整 package.json 與套件

Page 14: Npm node.js的套件管理程式

npm與前端http://blog.npmjs.org/post/101775448305/npm-and-front-end-packaging

npm 是給後端開發使用的npm 只給 javascript 使用npm 套件的樹狀屬性不適合前端前端套件相依性的問題不需要 npm 處理多組設定檔需要管理未來的新星 npm-www

# 前端工具如 gulp.js, browserify, webpack 等都需要 npm 來安裝管理

Page 15: Npm node.js的套件管理程式

會後問券https://goo.gl/ZxCOqk