hbuilder的使用uniapp的文件目录说明

1.下载HBuilder X软件.
2.通过hbuilderx创建项目,默认版本.vue的版本选择vue3
3.因为vue的代码是不能直接运行到小程序端.所以需要再工具里面找到插件安装.安装一下uni-app(vue3)的插件.

4.运行到小程序后.打开小程序的服务端口

5.uni-app的文件

 6.新增页面.然后配置 tabbar,通过selectedcolor修改tabbar选中时候的文字颜色

 7.再manifest.json里面配置小程序的appid

8.对比uniapp和小程序的不同

 9.如何用命令行创建uniapp项目
vue3+ts版本  npx degit dcloudio/uni-preset-vue#vite-ts  myproject

vue3+js版本  npx degit dcloudio/uni-preset-vue#vite  myproject

 

vue2版本     git clone https://github.com/dcloudio/uni-template-vue2.git my-project

下载了之后.一样的再manifest.json里面配置小程序的appid,然后通过终端pnpm i下载依赖包.通过package.json可以知道如何运行.如果要运行到微信小程序就pnpm dev:mp-weixin,将打包出来的文件在小程序软件里面运行