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

2022-09-23 21:11:02 浏览数 (1)

作者:陈业贵 华为云享专家 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

代码语言:javascript复制
https://www.dcloud.io/hbuilderx.html

2.在HBuilderX插件市场里面注册邮箱激活邮箱。然后登陆

代码语言:javascript复制
https://ext.dcloud.net.cn/?cat1=1&type=UpdatedDate

3.下载sass/scss插件

代码语言:javascript复制
https://ext.dcloud.net.cn/plugin?id=2046

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

5在HBuilderX里面打开App.vue文件(这步是在第六步之前必须做的哦)

6.HBuilderX里面(工具---->设置----》运行配置---->)

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

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

8.截图:

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

0 人点赞