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

前言：

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