uni使用vue-cli4.x搭建ts+eslint+prettier项目_uni cli ts

一、介绍

        uniapp 是一款多端框架，虽然存在许多小bug，但对于快速开发一款多端应用，还是一把利器。本文讲述以此模版如何来开发一款微信小程序。

模版的 github 地址：https://github.com/zhanjinfeng/uniapp-template

二、项目结构

项目架构采用的是 vue-cli 的模版，相信大家熟悉 vue 框架开发的同学都已经烂熟于心了。

根目录下是项目相关的配置文件

src 就是我们的业务代码目录

推荐使用 vscode 编辑器进行开发。安装 eslint、prettier、vetur三个插件，开发体验极强。

三、run 个 hello world 吧

## clone registry
git clone https://github.com/zhanjinfeng/uniapp-template
 
 
## 安装依赖
npm i
 
## run 指定平台小程序，可在 package.json 进行修改
npm run serve

此时 在 dist 目录下可以发现编译后的小程序源码文件夹

然后只要打开微信小程序开发工具，选择导入一个小程序，目录选择