uniapp的开发环境配置

一、开发工具下载

uni-app 官方推荐使用HBuilderX来开发 uni-app类项目

当然，你也可以根据自己喜好选择编辑器

HBuilderX 的官网  https://www.dcloud.io/hbuilderx.html

二、安装 scss/sass编译插件

插件包下载地址：scss/sass编译 - DCloud 插件市场

三、打开HBuilderX,创建第一个项目

点击左上角>文件>新建>项目

四、配置运行环境

运行>选择对应的运行方式

1、配置运行到浏览器

点击配置Web服务器>输入对应的浏览器所在路径

2、配置运行到小程序浏览器（微信小程序）

点击配置Web服务器>运行配置>小程序运行配置 ，输入所在路径，

然后打开微信开发者工具，设置>安全设置>服务端口打开

五、运行

1、运行到浏览器

2、运行到小程序（微信开发者工具）