vue3+vite

vue3+vite新建项目
基本要求：node版本>12
两种方案：
一.yarn create vite
缺点：需要自己去配置路由，新建页面，配置状态管理器，css预处理器（scss，less）

1. 配置路由
   （1）安装依赖

 npm i -S vue-router 
（2）项目中配置
   .新建router页面，里面放置路由的js
   

```javascript
import { createRouter,createWebHistory } from "vue-router";
import Home from "../views/home.vue"
const routes= [
    {
        path:'/',
        component:Home
    }
]
const router = createRouter({
    routes,
    history:createWebHistory()
})

export default router

.在main.js中引入router

在这里插入代码片import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import router from "./router/index"
const app=createApp(App)
app.use(router)
app.mount('#app')

.中App.vue中使用router-view来使用路由
2.配置scss
(1)安装依赖

npm i -D sass sass-loader

二.npm init vue@3 或者yarn create vue@3
缺点：结构比较繁重