uni项目的目录结构 与 微信小程序的区别(图示)

介绍

  • uni 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台
  • 微信开发者工具是开发微信小程序的工具

对比

uni项目的目录或者文件 属性 对应原生小程序文件
App.vue (script | style) app.js | app.wxss
pages.json globalStyle app.json里面的window配置项
pages.json pages的style 每个页面的json配置项
uni.scss(通用的样式文件)
manifest.json(打包的配置文件)
static(静态资源文件夹)

uni项目的目录结构 与 微信小程序的区别(图示)

详细内容对比

App.vue (script \ style) app.js \ app.wxss

uni项目的目录结构 与 微信小程序的区别(图示)

uni项目的目录或者文件 属性 对应原生小程序文件
pages.json globalStyle app.json里面的window配置项

uni项目的目录结构 与 微信小程序的区别(图示)

uni项目的目录或者文件 属性 对应原生小程序文件
pages.json pages的style 每个页面的json配置项

uni项目的目录结构 与 微信小程序的区别(图示)