基于vue-cli3引用 typescript mint-ui

一、全局安装vue-cli

npm install -g @vue/cli
// 查看版本号
vue -V

二、vue-cli 创建项目

vue create projectname
//  按照文档操作,ctrl + A全选中; space单应用选中或者不选中; enter下一步

三、vue-cli 引用mint-ui

  1、安装

npm install mint-ui --save

  2、shims-vue.d.ts 文件添加mint-ui

declare module "mint-ui";

  3、main.ts 文件引入样式和使用到的组件

import 'mint-ui/lib/style.css';
import {
    Swipe,
    SwipeItem
}from 'mint-ui';

Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);

 

posted @ 2019-07-24 17:24  laixihong  阅读(1455)  评论(0编辑  收藏  举报