TypeScript+Vue+vuetify的项目搭建

最近重构新的项目.技术栈已经定位了Vue,但是要兼容移动端的使用.

该项目属于核心项目.综合考虑后采用了 TypeScript 和vuetify的技术来重构

启用非常方便的vue ui 创建新的项目

功能选择

  

配置选择

安装 

依赖包 aioxs Vuetify 

material-design-icons-iconfont   Vuetify的以来图标

引入包

main.ts

import Vue from 'vue';
import Vuetify from 'vuetify';
import App from './App.vue';
import router from './router';
import store from './store';
import 'vuetify/dist/vuetify.min.css'; //css 需引入
import 'material-design-icons-iconfont/dist/material-design-icons.css';//vuetify依赖的图标
Vue.use(Vuetify)
Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount('#app');