您当前的位置: 首页 >  小程序

暂无认证

  • 4浏览

    0关注

    92582博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

全流程:安装uni-app(小程序端)

发布时间:2022-09-11 01:24:37 ,浏览量:4

作者:陈业贵 华为云享专家 51cto(专家博主 明日之星 TOP红人) 阿里云专家博主

文章目录
  • 前言
  • 一、uniapp是什么?
  • 二、使用步骤
    • 1.安装HBuilderX
    • 2.在HBuilderX插件市场里面注册邮箱激活邮箱。然后登陆
    • 3.下载sass/scss插件
    • 4.HBuilderX软件里面(文件--->新建-->项目--->)
    • 5在HBuilderX里面打开App.vue文件(这步是在第六步之前必须做的哦)
    • 6.HBuilderX里面(工具---->设置----》运行配置---->)
    • 7.在微信小程序中(设置--->安全设置--->)
    • 7.在HBuilderX里面(工具---》设置---》运行配置--->)
    • 8.截图:
    • 9。等待编译....(成功啦)
前言

从零开始运行一个简单的uni-app小程序端

一、uniapp是什么?

是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台。

二、使用步骤 1.安装HBuilderX
https://www.dcloud.io/hbuilderx.html

在这里插入图片描述

2.在HBuilderX插件市场里面注册邮箱激活邮箱。然后登陆
https://ext.dcloud.net.cn/?cat1=1&type=UpdatedDate

在这里插入图片描述

3.下载sass/scss插件
https://ext.dcloud.net.cn/plugin?id=2046 

在这里插入图片描述

在这里插入图片描述

4.HBuilderX软件里面(文件—>新建–>项目—>)

在这里插入图片描述

5在HBuilderX里面打开App.vue文件(这步是在第六步之前必须做的哦) 6.HBuilderX里面(工具---->设置----》运行配置---->)

在这里插入图片描述

7.在微信小程序中(设置—>安全设置—>)

在这里插入图片描述

7.在HBuilderX里面(工具—》设置—》运行配置—>)

在这里插入图片描述

8.截图:

在这里插入图片描述

9。等待编译…(成功啦)

在这里插入图片描述

关注
打赏
1653961664
查看更多评论
立即登录/注册

微信扫码登录

0.6814s