当前位置: 首页 > Web前端 > vue.js

uniapp小程序框架使用记录

时间:2023-03-31 18:24:06 vue.js

1。如何启动项目开发工具选择hbuilder(最推荐,hbuilder已经为uni-app做了很强大的功能,建议使用稳定版的hbuilder)这是我目前使用的开发的版本号工具1.从git中拉取代码,项目目录结构如图2.点击右键打开目录->重新识别项目类型点击后会识别为uni-app类型3、通过cnpminstallDependency安装uni-app4、在浏览器中点击运行,在浏览器中运行项目,看到下面的控制面板,是在h5中运行的情况5、在小程序中运行时,你第一次需要配置appid,会提示输入你的微信开发者工具的安装路径点击运行右边第一个,会自动打开微信开发工具。二、项目注意事项1、对于小程序项目,有主包和分包之分。为什么我们需要分包合同?因为:微信限制代码包大小不超过2MB。大小限制是基于小程序启动速度的考虑。希望用户在使用任何小程序时都能获得“秒开”的体验。但是2MB的大小也限制了小程序功能的扩展,小程序业务的发展可能需要更大的体积。那么有没有办法在添加小程序包的同时保持良好的体验速度呢?为了解决这一矛盾,微信推出了“分包加载方案”。小程序启动时,默认会下载主包,并启动主包中的页面。如果用户需要打开子包中的某个页面,客户端会加载相应的包,下载完成后显示。2.uni-app的条件编译每个平台都有自己的特点,所以会出现一些无法跨平台的情况,写大量的ifelse,会造成代码执行性能低下,管理混乱。编译到不同的项目,修改两次,会让后续的升级很麻烦。什么是条件编译?举例说明如何写:以#ifdef或#ifndef加%PLATFORM%开始,以#endif结束。#ifdef:如果定义只存在于某个平台#ifndef:如果没有定义则存在于除某个平台以外的所有平台Appplatform)H5(除H5平台外其他平台存在的代码)H5||MP-WEIXIN(h5或微信平台下的代码)详见官方文档https://uniapp.dcloud条件编译。io/plat...见获取微信代码的项目代码判断是否登录,具体不透露