uniapp开发环境搭建

2022-11-25 0 448

一、浏览并加装应用软件uniapp的应用软件为HbuilderX,浏览门牌号为:去浏览

uniapp开发环境搭建

这儿优先选择windows版。windows 版浏览顺利完成后会获得两个 zip 的LiveCD文档,Cogl顺利完成方可采用,是不须要加装的绿色生态版。二、加装sass和scss应用程序关上HbuilderX,点选辅助工具—-应用程序加装,总的来看:

uniapp开发环境搭建

在下两个介面优先选择赶赴应用程序消费市场,如图:

uniapp开发环境搭建

在应用程序消费市场找出scss/sass点选浏览,如图:

uniapp开发环境搭建

在左侧点选,采用HbuilderX引入应用程序方可。这时会在 HBuilderX 左下角,提示信息你【已经开始浏览】

uniapp开发环境搭建

等待顺利完成方可

uniapp开发环境搭建

三、创建 uni-app 项目创建项目,如图:

uniapp开发环境搭建

高版优先选择页面

uniapp开发环境搭建

低版优先选择页面

uniapp开发环境搭建

建立项目后如图:

uniapp开发环境搭建

四、项目目录介绍

四、项目目录介绍

├─pages // 页面存放文档夹,等同于 微信小程序中的 pages

│ └─index // 默认生成的页面

├─static // 静态资源存放文档夹

└─uni_modules // uni-app组件目录

│ └─uni-xxx // uni-app 所提供的业务组件,等同于 微信小程序中的组件

├─App.vue // 应用配置文档,用来配置全局样式、生命周期函数等,等同于 微信小程序中的app.js

└─main.js // 项目入口文档

├─mainfest.json // 配置应用名称、appid、logo、版等打包信息,

└─pages.json // 配置页面路径、窗口样式、tabBar 等页面类信息,等同于 微信小程序中的app.json

└─uni.scss // uni-app内置的常用样式变量

————————————————

版权声明:本文为CSDN博主「gjjgong」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/gjjgong/article/details/126235972

至此,我们就顺利完成了uniapp合作开发自然环境的构筑,在合作开发过程中,如果须要其他应用程序,会自动提示信息浏览。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务