安装 wk-view ​

通过 uni_modules 安装 ​

在 插件详情页 点击【使用 HBuilderX 导入插件】即可安装。

通过 npm 安装 ​

在 vue-cli 项目中可以使用 npm 安装 wk-view 库。

安装 wk-view ​

npm i wk-view

pnpm i wk-view

yarn add wk-view

配置 easycom ​

wk-view 不支持使用 Vue.use() 的方式安装，如果自己引用组件，可能会出现组件找不到的问题，推荐使用 easycom。

打开项目根目录下的 pages.json 并添加 easycom 节点：

{
	"easycom": {
		"autoscan": true,
		"custom": {
			"^wkv-(.*)": "wk-view/components/wkv-$1/wkv-$1.vue"
		}
	},
	...
}

安装 sass ​

vue-cli 项目需安装 sass 及 sass-loader，如在 HBuliderX 中使用，可跳过此步骤。

npm i sass sass-loader@10.1.1 -D

pnpm i sass sass-loader@10.1.1 -D

yarn add sass sass-loader@10.1.1 -D

如果 node 版本小于 16，sass-loader 请使用低于 @11.0.0 的版本，sass-loader@11.0.0 不支持 vue@2.6.12。
如果 node 版本大于 16，sass-loader 建议使用 v8.x 版本。

适配 Vue2 项目 ​

根据以上步骤安装完成后，Vue3 项目就可以使用 wk-view 了。

如果是 Vue2 项目，那么还需要进行 Composition Api 和 <script setup> 语法的适配。