前言:
今天闲来无事 突发奇想想鼓捣下微信小程序 在网上查资料的时候 突然 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
b、不同版本
下载App开发版,可开箱即用;
下载标准版,在运行或发行uni-app
时,会提示安装uni-app
插件,插件下载完成后方可使用
三、使用 HBuilderX 创建一个 uni-app 项目
1、创建项目
2、项目创建
a、选择项目类型
b、创建之后的项目结构
c、运行
选中项目 点击运行图标 选中微信开发者工具
如果第一次使用微信开发者工具 需要先下载
安装好之后 点击运行 微信开发者工具
四、运行一个截止目前下载量最高的uni-app 项目
项目就会导入进来
点击运行 微信开发者工具
五、参考官方文档
https://uniapp.dcloud.io/README