使用之前
在开始使用之前,你需要先阅读的相关文档。
安装
VtuWeapp提供两种安装方法,满足不同开发者的需求。如果您需要使用npm
安装,请确保您已经在本机安装了npm
。
方式一: 使用npm安装 (推荐)
此时,会生成一个package.json文件,命令行里会以交互的形式让你填一些项目的介绍信息,你可以耐心填完,当然也可以忽略,全部按回车键来快速完成项目初始化。
接着,继续执行下面的命令。
执行成功后,会在根目录里生成项目依赖文件夹 node_modules/vtuweapp
(小程序IDE的目录结构里不会显示此文件夹)。 然后用小程序官方IDE打开我们的小程序项目,找到工具
选项,点击下拉选中构建npm
,等待构建完成即可。
出现上图所示的结果后,可以看到小程序IDE工具的目录结构里多出了一个文件夹(之后所有通过npm
引入的组件和js
库都会出现在这里),打开后可以看到vtuwwapp
文件夹,也就是我们所需要的组件。
方式二: 下载代码
到[GitHub]下载Vtu Weapp
的代码,将dist
目录拷贝到自己的项目中。然后按照如下的方式使用组件,以Button
为例,其它组件在对应的文档页查看:1. 添加需要的组件。在页面的 json 中配置(路径根据自己项目位置配置):
- 在 wxml 中使用组件:
全局样式更改
vtuweapp的样式使用了wxss作为开发语言,并定义了一系列全局/组件的样式变量,你可以根据需求进行相应调整。
修改Vtu_Style.wxss
同样打开根目录,打开vtuweapp/css/Vtu_Style.wxss
文件,看到文件中定义了一个变量—primary
,如果有主题色修改的需求,更改它即可。