uniapp小程序框架的使用记录

1.如何启动项目

开发工具选择hbuilder(最为推荐，hbuilder为uni-app做了很强大的功能完善，建议采用稳定版本的hbuilder)
这是我当前使用的开发工具的版本号
1.从git拉取代码,项目目录结构如图所示

2.点开目录 右键->重新识别项目类型 点击之后会将项目识别为uni-app类型
3.通过cnpm install 安装该有的依赖
4.点击在浏览器中运行即可在浏览器中运行项目，看到下面的控制面板，就是在h5中运行的情况
5.在小程序中运行首次要配置appid
并且会提示输入你微信开发者工具的安装路径
点击运行右侧的第一个，就会自动打开微信开发工具。

2.在项目中的注意点

1.针对小程序项目而言有主包和分包直说，为什么要进行分包呢？

• 因为：微信限制了代码包不能超过 2MB，限制大小是出于对小程序启动速度的考虑，希望用户在使用任何一款小程序时，都能获得一种“秒开”体验。然而，2MB 的大小也限制了小程序功能的扩展，小程序业务的发展可能需要更大的体积。那么有没有一种办法，在增加小程序包的同时，也能保持不错的体验速度呢？

为了解决这个矛盾点，微信推出了“分包加载方案”

• 在小程序启动时，默认会下载主包并启动主包内页面，如果用户需要打开分包内某个页面，客户端会把对应分包下载下来，下载完成后再进行展示。

2.uni-app的条件编译
每个平台有自己的一些特性，因此会存在一些无法跨平台的情况

• 大量写 if else，会造成代码执行性能低下和管理混乱。
• 编译到不同的工程后二次修改，会让后续升级变的很麻烦。

什么是条件编译呢？举例说明
写法：以#ifdef或#ifndef加%PLATFORM%开头，以#endif结尾。
#ifdef：if defined 仅在某平台存在
#ifndef：if not defined 除了某平台均存在
%PLATFORM%：平台名称
PLATFORM举例说明可以取值的有：

1. APP-PLUS（仅出现在 App 平台下的代码）
2. H5（除了 H5 平台，其它平台均存在的代码）
3. H5||MP-WEIXIN（h5或者微信平台下的代码）

详情请参考官方文档的条件编译 https://uniapp.dcloud.io/plat...
参见获取微信code判断是否登录的项目代码，不做具体公开