vue3+vite 搭建项目

2023-12-20 00:43:20

第一步?

npm init vite@latest

当然，我在建项目的时候输入这个命令行的时候，报错了，提示安装依赖，执行如下命令：

npm install -g create-vite

全局安装 create-vite

cd xxx
npm install
npm run dev

之后就 按照步骤 选择 vue? ts 或者js 语言就可以了

搭建好项目之后，我们就开始 新建 路由文件 以及 views 文件夹了

安装依赖?

npm install vue-router@4

router /? index.ts

import { createRouter, createWebHistory } from "vue-router";
const router = createRouter({
    history: createWebHistory(),
    routes: [
        {
            path: '/',
            name: 'home',
            component: () => import('../views/index.vue')
        },
    ]
})
// 导出
export default router

main.ts 导入

import router from '../src/router'

const app = createApp(App)
app.use(router)

文章来源:https://blog.csdn.net/m0_59006402/article/details/135087168
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。