介绍
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、运行
点击头部工具栏 运行 =》内置浏览器运行
运行成功后显示
遇见的问题
运行后报 语法错 的问题
原因:未知,可能是无权限访问该文件夹,移到新建文件夹内,运行成功