一,初始化项目
1、npm init vite@latest
选择vue-ts
二,配置路由
1、npm i vue-router@next -S
import { createRouter, createWebHashHistory } from 'vue-router'
const routes = [
{
path: '/',
name: 'index',
meta: {
title: '后台管理系统'
},
component: () => import('../view/index.vue')
}
]
const routers = createRouter({
history: createWebHashHistory(),
routes,
})
routers.beforeEach((to, from, next) => {
next()
})
export default routers
2、在src 下创建view文件夹 存放视图路径 index.vue
3、在app.vue 添加
4、 在main.ts 里配置
import router from './router/index'
createApp(App).use(router).mount('#app')
三,配置sass
1、安装 npm i sass -D
2、在.vue 中运用
<style lang="scss">
四