工具:HuilderX
noed版本:node-v17.3.1
npm版本:8.3.0
淘宝镜像:https://registry.npmmirror.com/
未安装nodejs可以进入这里https://blog.csdn.net/a1241436267/article/details/141326585?spm=1001.2014.3001.5501
目录
1.项目搭建
![](https://i-blog.csdnimg.cn/direct/1835d3a4a1e646e198dcebf74046b4ab.png)
2.项目结构
名称 | 作用 |
pages文件夹 | 存放项目的页面 |
static文件夹 | 用于存放静态资源 |
App.vue |
|
index.html | |
main.js | vue初始化入口文件 |
manifest.json |
|
pages.json | 配置页面路由、导航条、选项卡等页面类信息 |
uni.promisify.adaptor.js | |
uni.scss | 内置的常用样式变量 |
3.使用浏览器运行项目
点击运行到浏览器,右击检查,进入控制器
4.使用微信小程序运行项目
5.vue的页面布局
6.创建vue页面
创建好的页面会自动创建文件夹
微信开发者工具职中,编译的时候会默认将第一个页面添加为主页面,需要将dome1切换成主页,只需要将顺序调换一下即可