仿小米商城项目初始化

注意

注意要下载下载的是App版本
由于HBuilderX支持插件拓展功能。App开发版已集成相关插件、开箱即用。而标准版可以自定义安装插件。

目录名称	作用
common	存放全局公共的文件
components	存放项目中的封装的自定义组件，和第三方组件
pages	存放项目中的所有的页面
static	存放所有静态资源文件
store	采用vuex的模块化集中式来管理项目中多组件公共状态
unpackage	项目打包编译生成的各平台的输出代码
App.vue	应用配置，App应用的入口组件，可以在此引入一些全局的样式以及监听应用生命周期来做些初始化操作
main.js	项目入口js文件
mainfest.json	配置应用名称、appid、logo、版本信息等。
pages.json	项目页面路由配置，tabBar配置，globalStyle全局样式配置
uni.scss	uni-app官方提供的全局scss文件，如果要使用官方提供的组件必须引入此文件

提示

具体可以参考官方文档中的项目目录 👉 👉 👉 提供官网链接uni-app项目目录

注意

如果不成功可以到查看视频教程

注意

如果不成功可以到查看视频教程

注意

运行到内置浏览器时HBuilder会启用一个本地服务在8083端口启动项目(不存在跨域问题)
H5端启用时访问后端api接口时会出现跨域问题
- 下面代码帮你解决跨域问题
- 在当前项目的目录下点击 mainfest.json-->再点击源码视图-->添加以下代码

/* h5特有相关 */
"h5" : {
    "devServer" : {
        "port" : 8083, //端口号
        "disableHostCheck" : true,
        "proxy" : {
            "/api" : {
                "target" : "http://ceshi3.dishait.cn", //目标接口域名
                "changeOrigin" : true, //是否跨域
                "secure" : false, // 设置支持https协议的代理
                "pathRewrite" : {
                    "^/api" : "http://ceshi3.dishait.cn"
                }
            }
        }
    }
},

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

橙晨燕

Choose mode

仿小米商城项目初始化

仿小米商城项目初始化

# 项目开发前的准备工作

# 创建uni-app项目

# 项目目录结构

# 如何启用安卓App真机调试？

# 如何启用苹果App真机调试？

# 如何启用微信小程序调试？

# 如何启用支付宝小程序调试？

# 如何启用H5调试？

# 下载官方提供的hello-uniapp

# 在App.vue文件引用全局css文件 css