前端转uniapp的学习-----uniapp的环境搭建并创建项目

下载软件环境搭建：

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

1.进入官网，点击下载按钮

直接点击按钮是一个压缩包，解压之后将.exe快捷放到桌面即可。非常简单

安装微信开发者工具：微信开发者工具下载地址与更新日志 | 微信开放文档

进入官网之后，根据自己的电脑型号、需求下载相应的版本，下载好之后点击安装，n布下一本即可。

就这样就安装好了

创建项目：

1.打开Hbuilder ，点击欢迎页中的创建项目，于是进入到如下页面，选择uni-app，同时选择uni-app的默认模版

运行：

运行到游览器：

点击相应的游览器，如图显示：

运行到微信开发者工具中：

如图所示，选择:

但是，在第一次运行微信开发者工具的时候，需要先配置小程序的ide的相关路径，否则会出现如下报错

当直接点击运行的话 会出现报错，同时会出现一个弹窗，此时呢，需要将微信开发者工具软件的下载路径复制到这个框里面，点击确认之后，同时在打开微信开发者工具 点击 工具---设置---安全设置，将服务器的端口号开启。

在重新运行到微信模拟器中，此时，就可以 打开了

运行到手机，其实步骤是一样，但是由于我没有安卓手机，ios手机还是小口没法插，就不演示了。