uni-app开发环境搭建&创建uni-app项目

uni-app修炼之路(一)

  • 导语
  • uni-app开发环境搭建
        • 1.进入官网下载HBuilder-X
        • 2.打开HBuilder-X,进行开发环境配置
  • 创建uni-app项目
        • 快速上手

导语

uni-app使用了快半个月了,现在准备来系统的学习一下uni-app,并做一些笔记!

	学习的最好方式就是查看官方文档,当然初学者可能会对官方文档比较迷茫,我今后做的笔记也许能够为你解决这些疑惑。

uni-app开发环境搭建

1.进入官网下载HBuilder-X

百度搜索uni-app,进入官网,点击快速上手,点击下载
uni-app开发环境搭建&创建uni-app项目_第1张图片
点击HBuilderX:官方IDE下载地址uni-app开发环境搭建&创建uni-app项目_第2张图片
点击DOWNLOAD
uni-app开发环境搭建&创建uni-app项目_第3张图片
我们下载开发版 选择你系统对应的版本下载,下载之后直接解压安装就好了
uni-app开发环境搭建&创建uni-app项目_第4张图片

2.打开HBuilder-X,进行开发环境配置

打开之后的界面是这样子的
uni-app开发环境搭建&创建uni-app项目_第5张图片
点击工具——》插件安装
uni-app开发环境搭建&创建uni-app项目_第6张图片
这里就可以安装想要的插件了
uni-app开发环境搭建&创建uni-app项目_第7张图片
点击工具–》主题 就可以更改主题颜色了
uni-app开发环境搭建&创建uni-app项目_第8张图片

以Mac为例,点击偏好设置,可以进行如下设置
uni-app开发环境搭建&创建uni-app项目_第9张图片

创建uni-app项目

快速上手

这里我就不重复了,官网有教程,会比我讲的详细,请查看官网教程快速上手

你可能感兴趣的:(uni-app修炼之路)