uni-app是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到ios、android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台
image.png
核心思想:将Vue代码翻译成其他平台的代码
新建uni-app项目
步骤:
1、安装Vue CLI
npm install -g @vue/cli
2、使用Vue CLI命令生成项目骨架代码
vue create -p dcloudio/uni-preset-vue my-project
uni-app的目录和文件功能
一个uni-app项目的src目录中默认包含如下的目录及文件
image.png
uni-ui组件库
uni-ui是专为uni-app开发的一套组件库,使用步骤为:
1、使用npm安装uni-ui
npm i @dcloudio/uni-ui --save
2、在代码中按需引入各ui组件
image.png