uni-app概要 |
通过 HBuilderX 可视化界面 |
通过 HBuilderX发布为小程序 |
通过vue-cli命令行运行uni app项目 |
框架简介 |
使用Vue.js注意事项 |
uni-app 常见问题 |
当前阅读教程:Uni-app入门教程 > uni-app NPM支持 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: <template/> 和 <block/> | 下一篇: uni-app TypeScript 支持 |
NPM支持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') 注意 l 为多端兼容考虑,建议优先从 uni-app插件市场 获取插件。直接从 npm 下载库很容易只兼容H5端。 l 非 H5 端不支持使用含有 dom、window 等操作的 vue 组件和 js 模块,安装的模块及其依赖的模块使用的 API 必须是 uni-app 已有的 API(兼容小程序 API),比如:支持高德地图微信小程序 SDK。类似jQuery 等库只能用于H5端。 l node_modules 目录必须在项目根目录下。不管是cli项目还是HBuilderX创建的项目。 l 支持安装 mpvue 组件,但npm方式不支持小程序自定义组件(如 wxml格式的vant-weapp),使用小程序自定义组件请参考:小程序组件支持。 |
|
上一篇: <template/> 和 <block/> | 下一篇: uni-app TypeScript 支持 |