2.7 NPM支援 ---uni-app框架簡介【uni-app從入門到精通線上教程（黃菊華-跨平臺開發系列教程）】

uni-app支援使用npm安裝第三方包。
此文件要求開發者們對npm有一定的瞭解，因此不會再去介紹npm的基本功能。如若之前未接觸過npm，請翻閱NPM官方文件進行學習。
初始化npm工程
若專案之前未使用npm管理依賴（專案根目錄下無package.json檔案），先在專案根目錄執行命令初始化npm工程：

npm init -y

cli專案預設已經有package.json了。HBuilderX建立的專案預設沒有，需要通過初始化命令來建立。
安裝依賴
在專案根目錄執行命令安裝npm包：

npm install packageName --save

使用
安裝完即可使用npm包，js中引入npm包：

import package from 'packageName'
const package = require('packageName')

注意
 為多端相容考慮，建議優先從 uni-app外掛市場 獲取外掛。直接從 npm 下載庫很容易只相容H5端。
 非 H5 端不支援使用含有 dom、window 等操作的 vue 元件和 js 模組，安裝的模組及其依賴的模組使用的 API 必須是 uni-app 已有的 API（相容小程式 API），比如：支援高德地圖微信小程式 SDK。類似jQuery 等庫只能用於H5端。
 node_modules 目錄必須在專案根目錄下。不管是cli專案還是HBuilderX建立的專案。
 支援安裝 mpvue 元件，但npm方式不支援小程式自定義元件（如 wxml格式的vant-weapp），使用小程式自定義元件請參考：小程式元件支援。

【uniapp參考資料】

（1）小白教程資料 http://www.2d5.net

（2）計算機程式設計資料 http://www.pc-365.net www.4317.org
http://www.05423.com/

（3）uni-app跨平臺開發 入門到實戰 https://ke.qq.com/course/package/26512?tuin=2b10d56

（4）uni-app 完整商城介面設計實戰 https://ke.qq.com/course/2381059?tuin=2b10d56

（5）基於vue的uniapp商城完整專案原始碼 https://ke.qq.com/course/3064977?tuin=2b10d56