【划水】Canacitor构建基于Vue/React的移动端应用

最近工作需要开发一个移动端应用，考虑到我们团队前端已经有Vue/React的开发经验，所以决定使用Canacitor来构建。

安装&创建项目

根据官方文档的指示，我选择在VSCode中使用Ionic插件来安装Canacitor。

根据提示，我构建了一个如下配置的应用：

点击Create Project，创建项目。

项目结构像这样：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

├───.vscode
├───android
├───ios
├───node_modules
├───public
├───src
│   ├───components
│   ├───router
│   ├───theme
│   └───views
└───tests
...

构建项目

除了通过网页预览项目，capacitor项目还可以构建为Android应用和IOS应用，在Project中依次Build、Sync即可。

Bugs

假如发现运行Android失败，同时感觉控制台输出的信息有点难懂，可以时候Open in Android Studio，在Android Studio中运行，再根据提示信息去debug（比如一些环境配置或者版本支持等导致的问题…

所以还是推荐多平台开发的时候能够同时利用各个平台的开发工具(●’◡’●)