1、创建项目示例
npm init @vitejs/app [project-name]
yarn create @vitejs/app [project-name]
2、可以选择是否启用ts
3、查看目录
4、下载 node-modules
npm i 或 yarn
5、配置自己需要的依赖
vite安装没有 什么vuex vue-router 都需要自己配置
vue-router
import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'
const routes = [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/about',
name: 'About',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
}
]
const router = createRouter({
history: createWebHistory(),
routes
})
export default router
vuex
/store/index.js
import { createStore } from 'vuex'
export default createStore({
state: {
},
mutations: {
},
actions: {
},
modules: {
}
})