前言：
今天闲来无事 突发奇想想鼓捣下微信小程序 在网上查资料的时候 突然 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
网友评论