利用vite创建一个项目

62 阅读1分钟
  1. npm init -y快速的去创建一个默认的包信息。
  2. npm i vite -D
  3. npm i vue
  4. 为了让vue能正常运行,需要安装npm install @vitejs/plugin-vue, 修改package.json
import { defineConfig } from "vite";

import Vue from "@vitejs/plugin-vue"

export default defineConfig({
  plugins:[Vue()]
})
  1. 然后安装router, npm i vue-router -D

新建一个router.js

import { createRouter ,createWebHistory} from "vue-router"

const router = createRouter({
  routes:[],
  history:createWebHistory()
})

export default router;

在main.js中增加, app.use()

import { createApp } from "vue";
import App from "./App.vue"
import router from "./modules/router";

const app = createApp(App)
app.use(router)
app.mount("#app")