uni-app项目部署 打包 运行

创建uni-app项目

• 创建项目vue

create -p dcloudio/uni-preset-vue my-project

此时，会提示选择项目模板，初次体验建议选择 hello uni-app 项目模板

注意：通过该命令创建项目前提是全局安装了vue-cli，这个早在学习vue的时候就安装过。

• 进入目录并运行

cd my-project

npm run serve

运行成功后，控制台会输出H5网站访问地址

启动chromel浏览器并切换为手机调试模式，即可体验。

• 离线打包

1）安装HBuilderX

2）下载微信开发工具

生成项目的本地打包app资源

• 整合

1）生成完毕后放到前边插件开发的HBuilder-Integrate工程的/assets/apps 目录下

2）在/assets/data下的dcloud_control.xml中修改所需整合的uni-app编译成的项目id。

注意：(appid和本地打包app资源中的manifest.json文件里边的id一致)

最后 打包/运行