uniapp项目的搭建

最近公司要用uniapp框架做一个商城类的app,于是自学了uniapp的开发,uni-app是由DCloud研发的,一个使用 Vue.js 开发可跨平台应用的前端框架,开发人员只需要编写一套代码,即可编译到iOS、Android、H5、小程序等多个平台,真是节省了多端开发的时间。
DCloud的官网:https://www.dcloud.io/
uni-app的官网:https://uniapp.dcloud.io/

项目搭建

一、准备好HbuilderX工具。
Hbuilderx下载地址:https://www.dcloud.io/hbuilderx.html
二、新建一个uni-app的项目,选择空项目创建就可以。

image.png

uni-app的创建成功的默认模板项目里面文件夹结构
image.png

三、运行项目
image.png

打开你项目的文件夹的任何一个文件,然后点击HbuilderX上面的运行,运行到浏览器或者小程序模拟器
注意:使用小程序模拟器运行,需要安装微信开发者工具。
微信开发者工具(稳定版就行):https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

你可能感兴趣的:(uniapp项目的搭建)