uni-app从入门到放弃(一)

1.下载安装

官方下载 http://www.dcloud.io/hbuilderx.html
傻瓜式安装

image.png

2.环境配置

2-1 浏览器预览配置

image.png

2-2 点击【工具】>> 【插件安装】即可配置

image.png

3. create my frist app

image.png

image.png
备注: 手机调试后期细说,先撸码

4 页面结构

image.png

pages:和小程序的pages一样存放主要代码文件
static: 静态资源文件
App.vue 根组件和小程序app.js一样
main.js 入口文件
manifest.json 基本配置
pages.json 和小程序的app.json一样
uni.scss scss基础变量

4-1 pages.json 和小程序类似

pages: 单页面配置
globalStyle:全局属性配置
tabBar:底部导航

你可能感兴趣的:(uni-app从入门到放弃(一))