uni-app(一)环境准备,项目架构

摘要:
解包文件相当于vue项目中的dist文件,但不同之处在于该文件是applet的本地文件。Uni-app方便我们使用vue高效地开发和开发,然后将ES6、ES7、ES8等的语法糖转换为易于应用程序识别的小程序语言。本质上,它是一种工具。本文是对该项目的建设和结构的介绍。随后,uni app开发的更多内容将逐一展开。如有不足之处,请多指出,将及时修改。非常感谢。

安装 HBuilderX

安装插件,结合自己的场景,酌情安装

uni-app(一)环境准备,项目架构第1张

创建项目

uni-app(一)环境准备,项目架构第2张

 

配置开发者工具路径我这里是微信,请酌情处理)

uni-app(一)环境准备,项目架构第3张

uni-app(一)环境准备,项目架构第4张

在这里有一个小妙招,项目在开发者工具运行起来后,隐藏掉 HBuilderX,用vs code打开项目,修改代码,保存后,一样是实时更新视图的,就可以继续使用 习惯已久的 vs code了

由于uni-app使用vue框架开发的组件库,所以还是vue项目结构,大致与vue项目开发是相同的

这是我的微信小程序项目结构

uni-app(一)环境准备,项目架构第5张 

 

这个json文件,与小程序原生结构相同

uni-app(一)环境准备,项目架构第6张

 

文件结构

uni-app(一)环境准备,项目架构第7张

其实uni-app,说是一个框架,其实更像是一个工具,把多平台的小程序语言和方法,兼容合并,变成一套统一命名的方法和架构。unpackage文件相当于 vue项目里的 dist 文件,不过不同的是,这个文件是小程序原生的文件。uni-app也就是方便我们开发,用vue高效开发,然后再把这些ES6、ES7、ES8等等的语法糖,转变成便于app识别的小程序语言,本质就是一个工具

这篇作为项目的搭建和结构介绍,后面将逐一进行uni-app开发的更多内容,如有不足,还请多多指出,会及时修改,谢谢

免责声明:文章转载自《uni-app(一)环境准备,项目架构》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Educational Codeforces Round 40 (Rated for Div. 2)上下拉刷新下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue 点击弹出下拉菜单 点击其他页面收回菜单

由于elementUI的下拉菜单在项目中表现得不尽人意 (定位的原因) 于是 决定自己 整一个 小而美 理清下面几种情况就妥了 出现前 出现后 点击后 出现后未点击选项(点击空白页) 还是直接放码过来 show you my code吧~~~ 直接上点击空白(其他)页面 选项框收回 代码吧 思路:直接阻止按钮和选项框的事件冒泡,然后给document绑定...

MS-SQL2005服务器登录名、角色、数据库用户、角色、架构的关系

MS SQL2005对2000进行了很大的改进,而用户关系这部分也变得相当复杂了,很多朋友都对此一知半解!下面,我将把我应用中总结的和大家分享下,先从概念入手,希望对不理解的朋友有点提示。 今天我们要说的包括服务器登录名Server Login,服务器角色Server Role,数据库用户DB User,数据库架构DB Schema,数据库角色DB Ro...

为什么在做微服务设计的时候需要DDD?

记得之前在规划和设计微服务架构的时候,一个同事给我我一个至今依然记忆深刻的提示:你的设计蓝图里为什么没有看到DDD的影子呢? 随着对充血模型的领域认知的加深,我越来越觉得DDD的重要性,但是DDD内容繁多,是不是要深入去了解呢,我觉得不必入坑太深,个人浅见,它最核心的一点就是针对贫血模型的不足而设计,把原先传统的贫血模型里的业务逻辑拎出来,融入到Domai...

实现一个竖直的显示表头的表格(vue版本)

今天遇到一个问题,实现这样一个竖直的显示表头的表格,如下图。默认显示两列。 vue实现代码如下:   tableComponent.vue:   <template> <table class="mailTable" :style="styleObject" v-if="s_showByRow"> <tr v-...

Vue--爬坑

1.路由变化页面数据不刷新问题; 出现这种情况是因为依赖路由的params参数获取写在created生命周期里面,因为相同路由二次甚至多次加载的关系 没有达到监听,退出页面再进入另一个文章页面并不会运行created组件生命周期,导致文章数据还是第一次进入的数据。 解决方法:watch监听路由是否变化 解决方法:watch监听路由是否变化 watch: {...

聊聊 webpack 打包如何压缩包文件大小

想必很多人都经历过做完一个项目后,再打包发现某些文件非常大,导致页面加载时很慢,这就很影响用户体验了,所以在我经历了一些打包后,讲讲如何有效地缩小包体积,加快页面的首屏渲染 动态 polyfill 相信很多项目都会用到polyfill 那么一整个polyfill 会占据很多的空间,这个时候需要使用动态polyfill来解决这个问题了: 在 index.ht...