0
点赞
收藏
分享

微信扫一扫

后端程序员缘何爱上前端小程序?


前言:


今天闲来无事 突发奇想想鼓捣下微信小程序 在网上查资料的时候 突然 uni-app 引入眼帘 翻看官方文档大致了解了下 自己感觉像发现了新大陆一样 特别激动 有种相见恨晚的感觉 然后一头扎进知识的海洋畅游一番


正文:


目标:使用HBuilder X、微信开发者工具 运行一个uni-app框架开发的最受欢迎的电商项目


一、uni-app


1、简介


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


2、丰富的插件


​​https://ext.dcloud.net.cn/?orderBy=TotalDownload​​


后端程序员缘何爱上前端小程序?_微信开发者工具


二、HBuilderX


1、简介


HBuilderX内置相关环境,开箱即用,无需配置nodejs

HBuilderX是通用的前端开发工具,但为​uni-app​做了特别强化


2、下载


a、下载地址


​​https://www.dcloud.io/hbuilderx.html​​


后端程序员缘何爱上前端小程序?_微信开发者工具_02


b、不同版本


下载App开发版,可开箱即用;

下载标准版,在运行或发行​uni-app​​时,会提示安装​uni-app​插件,插件下载完成后方可使用


三、使用 HBuilderX 创建一个 uni-app 项目


1、创建项目


后端程序员缘何爱上前端小程序?_uni-app_03


2、项目创建


a、选择项目类型


后端程序员缘何爱上前端小程序?_微信开发者工具_04


b、创建之后的项目结构


后端程序员缘何爱上前端小程序?_微信开发者工具_05


c、运行


选中项目 点击运行图标 选中微信开发者工具


后端程序员缘何爱上前端小程序?_uni-app_06


如果第一次使用微信开发者工具 需要先下载


后端程序员缘何爱上前端小程序?_微信开发者工具_07


安装好之后 点击运行 微信开发者工具


后端程序员缘何爱上前端小程序?_微信开发者工具_08



四、运行一个截止目前下载量最高的uni-app 项目


后端程序员缘何爱上前端小程序?_微信_09


后端程序员缘何爱上前端小程序?_uni-app_10


项目就会导入进来


后端程序员缘何爱上前端小程序?_微信开发者工具_11


点击运行 微信开发者工具


后端程序员缘何爱上前端小程序?_uni-app_12



五、参考官方文档


​​https://uniapp.dcloud.io/README​​

举报

相关推荐

0 条评论