1、1创建一个新项目，选择模板类型，比如普通模板2在pages目录中新建一个html文件，例如，添加打印模板的相关内容，可以使用html代码编写，也可以使用uniapp的标签3在文件中配置页面，添加一个全局配置quotglobalStylequot quotnaviga。

2、uniapp是做移动端的，vue是做PC端的，uniapp就是基于vue设计的，它们的主要区别就是端口不一样，其他的功能作用都是一样的，虽然vue和uniapp可以多端编译，输出H5和小程序，但它们的css写法是受限的在App端，如果使用v。

3、方法步骤 首先大家要下载按照Hbuilder软件，点击新建下面的项目 接着项目类型里面选择uniapp，然后选择一个模板，如下图所示 然后就创建好了项目的目录，如下图所示 接着打开Hbuilder的设置界面，配置小程序开发工具的路径。

4、APP#160通过#160pagejson#160来设置页面背景颜色#160#160#160#160quotpathquot#160#160quotpages9templatesshopcouponsquot，#160#160quotstylequot#160#160#160#160#160。

5、1导航栏样式ios平台的导航栏使用圆角，而android平台则使用直角，uniapp小程序会根据运行平台自动调整导航栏的样式2按钮大小和间距ios平台的按钮比android平台的按钮更小，间距也更窄，uniapp小程序会根据运行平台自动。

6、以uniapp开发的项目为例在onLaunch函数中，检查flag是否为false，如果为false，则跳转到引导页面，在引导页中可设置跳转到首页注意，最好用reLaunch，避免，用户物理按键返回为true，则存储flag到本地原理既是如此但是。

7、在page数组中配置页面参数即可，也可以每个页面的对象下边配置style对象来定义页面的标题栏等信息 通过配置globalStyle对象可以实现APP全局相关参数的配置，具体配置项可以参考uniapp官方文档uniapp官网另外也可以通过配置tabBar。

8、uniapp 提供网络请求的 api 是 unirequest ，具体支持的请求方法可以参考官网 method 有效值 不过我们通常不会直接使用，而是进过一系列的封装以方便我们的使用，具体封装接口使用会在随根据页面数据请求一并展示。

9、uniapp踩坑笔记 1两个普通页面之间的跳转用，url可携带参数2普通页面跳tabbar配置过的页面需要，url不能传值3万金油跳转，可以跳转任何页面克服了普通页面跳tabbar配置的页面url不能传值的问题4突出。