uni-app的环境搭建并创建项目运行01

安装编辑器HbuilderX https://www.dcloud.io/hbuilderx.html

HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。

下载App开发版，可开箱即用

安装微信开发者工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)

利用HbuilderX初始化项目

• 点击HbuilderX菜单栏文件>项目>新建

• 选择uni-app,填写项目名称，项目创建的目录

运行项目

在菜单栏中点击运行，运行到浏览器，选择浏览器即可运行

在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app

在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到手机或模拟器 -> 选择调式的手机

注意：

• 如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功
  像这样：
  
  微信开发者工具在设置中安全设置，服务端口开启
  
  你以为这样就能用Hbuilder启动成功了？No，项目第一次的话还需手动开启:

通过微信开发者工具打开uni-app项目：unpackage–>dist–>build–>mp-weixin，这里需要注意的是
HBuilderX编辑器一定要运行小程序模拟器-微信开发者工具，不然在HBuilderX编辑器修改/添加的东西不能实时更新到微信开发者工具中

今天开始正式入坑uniapp~

希望驾照和它能一起学完

部分内容摘自黑马笔记，2021考研没成功也要做一匹黑马！