Npm node.js的套件管理程式
-
Upload
chuyi-huang -
Category
Software
-
view
303 -
download
2
Transcript of Npm node.js的套件管理程式
![Page 1: Npm node.js的套件管理程式](https://reader033.fdocuments.net/reader033/viewer/2022061606/5870858a1a28ab57368b7853/html5/thumbnails/1.jpg)
npm
您的專屬套件管家台中前端社群@ 夢種子
![Page 2: Npm node.js的套件管理程式](https://reader033.fdocuments.net/reader033/viewer/2022061606/5870858a1a28ab57368b7853/html5/thumbnails/2.jpg)
Node.js
![Page 3: Npm node.js的套件管理程式](https://reader033.fdocuments.net/reader033/viewer/2022061606/5870858a1a28ab57368b7853/html5/thumbnails/3.jpg)
Node.js
![Page 4: Npm node.js的套件管理程式](https://reader033.fdocuments.net/reader033/viewer/2022061606/5870858a1a28ab57368b7853/html5/thumbnails/4.jpg)
npm, package manager of node.js
![Page 5: Npm node.js的套件管理程式](https://reader033.fdocuments.net/reader033/viewer/2022061606/5870858a1a28ab57368b7853/html5/thumbnails/5.jpg)
不只是 node.js的管理套件node.jsbrowsersangularbowergulpgruntcordovabrowserify
reactio.jsmobilejquerytesselnodebotsdocpadjavascript
![Page 6: Npm node.js的套件管理程式](https://reader033.fdocuments.net/reader033/viewer/2022061606/5870858a1a28ab57368b7853/html5/thumbnails/6.jpg)
npm
![Page 7: Npm node.js的套件管理程式](https://reader033.fdocuments.net/reader033/viewer/2022061606/5870858a1a28ab57368b7853/html5/thumbnails/7.jpg)
我為什麼需要套件管理 ? 不同專案的需求開發團隊維護的統一規格套件的版本控制套件的相依性安裝特殊需求的套件例如測試用的套件好用工具的安裝﹣例如自動化工具、壓縮工具專案越來越大,如果不使用模組化管理、未來開發維護將會崩潰
![Page 8: Npm node.js的套件管理程式](https://reader033.fdocuments.net/reader033/viewer/2022061606/5870858a1a28ab57368b7853/html5/thumbnails/8.jpg)
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的套件管理程式](https://reader033.fdocuments.net/reader033/viewer/2022061606/5870858a1a28ab57368b7853/html5/thumbnails/9.jpg)
npm installation
![Page 10: Npm node.js的套件管理程式](https://reader033.fdocuments.net/reader033/viewer/2022061606/5870858a1a28ab57368b7853/html5/thumbnails/10.jpg)
npm 安裝指令的標籤1. -g 的意義2. --save 的意義3. --save-dev 的意義4. 使用 -h 的觀察5.<pkg> 與 @ 的用途
![Page 11: Npm node.js的套件管理程式](https://reader033.fdocuments.net/reader033/viewer/2022061606/5870858a1a28ab57368b7853/html5/thumbnails/11.jpg)
npm - node_modules
![Page 12: Npm node.js的套件管理程式](https://reader033.fdocuments.net/reader033/viewer/2022061606/5870858a1a28ab57368b7853/html5/thumbnails/12.jpg)
npm - package.json { “name”: “my awesome App”, “version”: “0.0.1”, “dependencies”: { “ 套件名稱” : “ 版本” }}// npm install 將安裝套件與版本
![Page 13: Npm node.js的套件管理程式](https://reader033.fdocuments.net/reader033/viewer/2022061606/5870858a1a28ab57368b7853/html5/thumbnails/13.jpg)
npm - 透過 init協助產生 package.jsonnpm init // 初始化專案的 npm 設定檔輸入必要的資料在專案內安裝套件將自動更新未來可直接更新設定檔的內容透過 npm install 管理與維護套件內容了解版本 ^ 與 ~ 符號的不同透過 npm prune 重整 package.json 與套件
![Page 14: Npm node.js的套件管理程式](https://reader033.fdocuments.net/reader033/viewer/2022061606/5870858a1a28ab57368b7853/html5/thumbnails/14.jpg)
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://reader033.fdocuments.net/reader033/viewer/2022061606/5870858a1a28ab57368b7853/html5/thumbnails/15.jpg)
會後問券https://goo.gl/ZxCOqk