用HBuilderX创建项目页面介绍和配置浏览器和小程序路径

1.创建项目

先打开HBuilder点击新建项目,选择默认模板,Vue版本选择3然后创建

创建完之后追加项目时右键pages文件夹点新建页面

2.页面介绍

1.项目路径设置

项目里pages.json中可以找到页面路径path(在创建新的uni-app页面时会自动设置路径)

2.页面中的基础组件

<view>和html中的div类似用来包裹元素内容

<text>用来包裹文本

<template>页面中必须要有这个否则不能运行

在scss中可以把子元素的样式写到父元素中

3.配置浏览器和小程序

1.配置浏览器

在HBuilderX中可以使用内置浏览器和其他浏览器

1.内置浏览器

点击程序上面的-->运行-->内置浏览器,然后就开始下载插件等待一段时间后再右侧会出现一个缩小版的浏览器

如果没有下载到内置浏览器插件

点击程序上面的-->工具-->插件安装-->安装新插件然后点内置浏览器的安装

2.配置外部浏览器

点击程序上面的运行-->运行到浏览器-->选择自己使用的浏览器打开外部浏览器

在浏览器中查看详细内容(也可以看到小程序显示的页面)

如果点击浏览器没有反应看看是否配置了浏览器路径

点击工具-->设置-->运行配置找到浏览器运行配置-->浏览-->选择自己的浏览器

3.配置小程序

点击工具-->设置-->运行配置找到自己需要的小程序网站下载之后再配置路径

这个页面和我们用HBuilderX写的页面的格式是一样的所以我们可以直接用HBuilderX来写小程序

猜你喜欢

转载自blog.csdn.net/ming_xiang/article/details/141460661