Vue

npm init vite@latest <project-name> --template vue
cd <project-name>
npm install
npm run dev

应用
main.js中引入

import { createApp } from "vue";import App from "./App.vue";const app = createApp(App)app.mount("#app")

Vuex

npm install vuex --save-dev

应用

src目录下新建文件夹store/index.js

import { createStore } from "vuex";export default createStore({  state: { },  mutations: { },});

main.js中引入

import store from "./store/index";app.use(store)

home.vue应用时

import { useStore } from "vuex";export default {  setup() {    const store = useStore();    const increment = () => {      store.commit("increment");    };    .....  },};

Vue-Router

装置
npm install vue-router@4

应用
src下新建router/index.js

import { createRouter, createWebHashHistory } from "vue-router";export default createRouter({  history: createWebHashHistory(),  routes: [  ],});

main.js引入

import router from "./router";app.use(router);

Vite我的项目给门路别名

import  {join} from 'path';export default defineConfig({    resolve: {        alias: {            '@': join(__dirname, 'src')        }    }})