uni-app开发流程一（项目搭建）

uni-app其实是DCloud推出的众多产品之一，当然我只研究目前能用到的

DCloud的官网：https://www.dcloud.io/

uni-app的官网：https://uniapp.dcloud.io/

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。

1.开始阶段：

公司想要将现有的几个前端项目合二为一，又想兼顾h5和小程序（目前），以后可能有app，容我调研一番，简而言之，一套代码，兼容多端，在网上调研发现了个这个比较，非常详细：

来源地址：https://juejin.im/post/5c4ec383f265da613e229a67，有兴趣可以看一下

经过我在官网和加入官方QQ群之后，感觉还不错，其实vue的多端兼容平台也就那么几个。。。

2.选用uni-app

选用之后，先写demo，看一下难易程度，发现会vue的开发人员能很容易上手，而同时写过小程序的就更容易了，它的api和生命周期是和小程序一模一样的，在自定义组件和编程上遵循vue2.0的规范。

3.项目搭建

（1）下载官方推荐编辑器：hbuilderx下载地址

页面点击右上角下载APP开发版

在编辑器上直接新建项目，也是非常方便的。

（2）在HBuilderX界面中点击工具 - 插件安装，依次安装
NPM,内置浏览器，UniApp编译，js-beautify，js压缩，css压缩，less编译，scss/sass编译，es6编译等等

（3）点击工具 - 设置 - 运行配置，
设置浏览器运行配置里的Chrome安装路径为本机的真实Chrome安装路径
如:C:/Users/yeyiqing/AppData/Local/Google/Chrome/Application/chrome.exe
设置小程序运行配置里的微信开发者安装路径为本机的真实微信开发者安装路径
如：E:/warespace/微信web开发者工具
设置node运行配置里的node路径为本机的真实node安装路径
如：C:/Program Files/nodejs/node.exe

（4）在项目里的manifest.json里找到微信小程序配置，更改小程序AppID

（5）先打开微信开发者工具，点击设置-代理设置,选择不适用任何代理...
如需运行：
先在BuilderX里打开pages下的login.vue页面
选择HBuilderX界面: 运行-运行到浏览器-Chrome
运行-运行到小程序-微信开发者工具
如需打包：
点击；发行 - H5手机版发行 - 发行
发行 - 小程序微信 - 发行
信息会打印到下方控制台里...

最后，多看官方文档。。。

uni-app开发流程一（项目搭建）相关推荐

APP开发流程实例讲解-儒释道网络电台八天开发全程-项目发起
APP开发流程实例讲解-儒释道网络电台八天开发全程项目发起 APP开发流程实例讲解-儒释道网络电台八天开发全程项目发起功能和界面初步设定在Android Studio中完成界面设计实现功能代 ...
01_安卓APP开发流程概览
目录安卓APP开发流程前言一.流程概览二.分步概述 1.需求分析 2.产品原型设计 3.UI视觉设计 4.数据库搭建 5.服务端开发 6.Android客户端开发 7.APP程序测试 8.上传 ...
HTML5 APP开发环境的框架搭建
HTML5 APP开发环境的框架搭建转载:橘子博客 HTML5 开发APP需要一个开发框架和编译环境,参阅了相关资料后选择开源的PhoneGap.PhoneGap是一个开源的开发框架,使用HTML5 ...
uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
开发安卓app游戏_「安卓APP开发流程」安卓APP如何开发的？
21世纪,智能手机走进了人们的生活,现在的智能手机的操作系统基本分为两种,一种是IOS系统(苹果系统).安卓系统,其中,安卓系统是开源的,所以很多品牌商会讲安卓包装成自己的系统,但核心还是一样的,都是 ...
开发一个APP有多难？APP开发流程、开发成本揭秘
现在很多企业或者个人都有APP开发需求,如果是非专业开发人员,可能对于APP的开发流程.开发成本.开发难点.需要多少开发人员等等都没有概念,今天这篇文章就给大家进行下普及. 一.APP开发的流程和难点 ...
APP开发流程实例讲解-儒释道网络电台八天开发全程-百度云深度兼容测试并进一步优化排错
APP开发流程实例讲解-儒释道网络电台八天开发全程之百度云深度兼容测试并进一步优化排错 APP开发流程实例讲解-儒释道网络电台八天开发全程项目发起功能和界面初步设定在Android Studi ...
安卓app开发方案_「安卓APP开发流程」安卓APP如何开发的？
21世纪,智能手机走进了人们的生活,现在的智能手机的操作系统基本分为两种,一种是IOS系统(苹果系统).安卓系统,其中,安卓系统是开源的,所以很多品牌商会讲安卓包装成自己的系统,但核心还是一样的,都是 ...
《Android App开发进阶与项目实战》出版后记
<Android App开发入门与项目实战>刚写完,我马上着手编写它的姊妹篇<Android App开发进阶与项目实战>,因为开发入门一书比较基础,还需要一本讲解高级开发与新技 ...
SSM搭建二手市场交易平台（一）：开发流程与环境搭建
关于博主努力与运动兼备-~~有任何问题可以加我好友或者关注微信公众号,欢迎交流,我们一起进步! 微信公众号: 啃饼思录 QQ: 2810706745(i思录) 写在前面嘿,小伙伴们好久不见.最近难 ...

uni-app开发流程一（项目搭建）

uni-app开发流程一（项目搭建）相关推荐

最新文章

热门文章