uni-app 入门

介绍

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

开发工具

• HBuilderX：官方IDE下载地址
  HBuilderX内置相关环境，开箱即用，无需配置nodejs。
  HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。
  下载App开发版，可开箱即用；如下载标准版，在运行或发行uni-app时，会提示安装uni-app插件，插件下载完成后方可使用。
  如使用cli方式创建项目，可直接下载标准版，因为uni-app编译插件被安装到项目下了。

创建 uni-app

1、打开HBuilderX，点击头部工具栏 文件 =》新建 =》项目

新建项目

2、选择uni-app,填写项目名称，勾选默认模板，点击创建。第一个uni-app创建完成

新建项目

运行 uni-app

1、安装内置浏览器插件
点击头部工具栏 工具 =》插件安装

插件安装

选择安装新插件，找到 内置浏览器 ，点击安装

插件安装

2、运行
点击头部工具栏 运行 =》内置浏览器运行

运行

运行成功后显示

运行成功

遇见的问题

运行后报 语法错 的问题

报错

原因：未知，可能是无权限访问该文件夹，移到新建文件夹内，运行成功

移到新建文件夹内

运行成功