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

最后

以上就是虚心鸭子为你收集整理的2.7 NPM支持 ---uni-app框架简介【uni-app从入门到精通在线教程（黄菊华-跨平台开发系列教程）】的全部内容，希望文章能够帮你解决2.7 NPM支持 ---uni-app框架简介【uni-app从入门到精通在线教程（黄菊华-跨平台开发系列教程）】所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。