uni-app快速入门教程
<p><span style="font-size: 14pt">1、什么是uni-app?</span></p><p><code>uni-app</code> 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。</p>
<p>即使不跨端，<code>uni-app</code>同时也是更好的小程序开发框架。</p>
<p> </p>
<p><span style="font-size: 14pt">2、uni-app适用于哪些人员？</span></p>
<p>所有的前端开发人员，尤其是app和小程序开发人员。</p>
<p>有vue和微信小程序基础的人员，能快速上手uni-app。</p>
<p>不推荐无前端基础的直接学。</p>
<p> </p>
<p><span style="font-size: 14pt">3、uni-app的开发工具</span></p>
<p>毫无疑问，首选uni-app官方推荐工具：https://www.dcloud.io/hbuilderx.html</p>
<p> </p>
<p><span style="font-size: 14pt">4、uni-app首选学习通道</span></p>
<p>毋庸置疑，首选uni-app官方文档：https://uniapp.dcloud.io</p>
<p>熟悉微信小程序文档的可以直接跨越性阅读。</p>
<p> </p>
<p><span style="font-size: 14pt">5、快速创建一个uni-app项目</span></p>
<p>安装好HBuilder-x工具后，打开界面，新建项目--->选择uni-app</p>
<p><img src="https://img2018.cnblogs.com/blog/1157406/201910/1157406-20191023150329876-802314251.png"></p>
<p> </p>
<p> </p>
<p> </p>
<p><span style="font-size: 14pt"> 6、大概目录介绍，运行方式可以直接阅读工具的中文菜单栏或看文档。</span></p>
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">┌─components uni-app组件目录
│└─comp-a.vue 可复用的a组件
├─hybrid 存放本地网页的目录，详见
├─platforms 存放各平台专用页面的目录，详见
├─pages 业务页面文件存放的目录
│├─index
││└─index.vue index页面
│└─list
│ └─list.vue list页面
├─static 存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
├─wxcomponents 存放小程序组件的目录，详见
├─main.js Vue初始化入口文件
├─App.vue 应用配置，用来配置App全局样式以及监听 应用生命周期
├─manifest.json 配置应用名称、appid、logo、版本等打包信息，详见
└─pages.json 配置页面路由、导航条、选项卡等页面类信息，详见
</pre>
</div>
<p> </p>
<p><img src="https://img2018.cnblogs.com/blog/1157406/201910/1157406-20191023150512063-998238276.png"></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><span style="font-size: 18pt; color: rgba(255, 0, 0, 1)">学习重点：阅读文档，实在不理解的先去学习vue和微信小程序。</span></p>
<p> </p>
</div>
<div id="MySignature" role="contentinfo">
有人住高楼，有人处深沟。
有人光万丈，有人一生绣。
时光是匆匆，回首无旧梦。
人生若几何，凡尘事非多。
深情总遗却，妄自也洒脱。<br><br>
来源：https://www.cnblogs.com/nanyang520/p/11726416.html
頁:
[1]