uni-app框架的小程序开发环境

文章目录

  • 一、下载微信开发工具
    • 安装
  • 二、构建uni-app开发环境
    • 2.1 Node.js下载与安装
    • 2.2 下载HBuilder-X
    • 2.3 创建uni-app项目
    • 2.4 填入uni-app专属标识和小程序标识

在阅读此博文前,需要注册完毕小程序账号

一、下载微信开发工具

微信开发工具下载地址
下载稳定版即可
uni-app框架的小程序开发环境_第1张图片

安装

点击下一步
uni-app框架的小程序开发环境_第2张图片

选择自己的路径;
uni-app框架的小程序开发环境_第3张图片
安装即可。
下图为安装完毕。
uni-app框架的小程序开发环境_第4张图片

二、构建uni-app开发环境

2.1 Node.js下载与安装

nodejs安装教程
nodejs不推荐安装最新版本。ruoyi安装Node14版本。

2.2 下载HBuilder-X

HBuilder-X下载地址

2.3 创建uni-app项目

创建项目
uni-app框架的小程序开发环境_第5张图片
可以自行选择模板,自行输入项目名称;
uni-app框架的小程序开发环境_第6张图片

2.4 填入uni-app专属标识和小程序标识

创建项目之后,获取 uni-app专属标识
uni-app框架的小程序开发环境_第7张图片
需要登录dcloud账号,注册地址:dcloud注册地址
注册完毕之后就可以获取。

添加自己注册的appid,可以勾选上传代码时样式自动补全上传代码时自动压缩
uni-app框架的小程序开发环境_第8张图片

你可能感兴趣的:(uni-app,前端,css)