Vue项目迁移小程序，实操干货分享

前面发布了很多文章向大家分享前端、小程序相关的知识，最近很多小伙伴说想看实操，这不就安排起来了吗！

今天就给大家分享“Vue 项目转小程序”的实操干货。

首先明确需求：开发者是想将已有的 Vue 项目转为小程序，在集成了 FinClip SDK 的 App 中运行小程序，那这里我们就需要关注以下两个注意事项：

Web 项目是适合在手机等移动设备中运行的，屏幕已经兼容；

H5 项目的代码是前后端分离的；

在本篇文章中，我们选择使用了一款成熟的跨平台框架 uni-app 来处理这个问题。

第一步：创建 uni-app 项目

一切都需要先从一个 uni-app 项目开始，然后再一次进行。

1. 全局安装 vue-cli

npm install -g @vue/cli

2. 通过 CLI 创建 uni-app 项目

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

注意：创建 CLI 工程时会远程下载 dcloudio/uni-preset-vue，拉取失败时如出现如下图所示的错误。这个时候可以通过手动下载模板来创建项目。 GitHub - dcloudio/uni-preset-vue: uni-app preset for vue