怎么创建一个 vue3 项目

「时光不负，创作不停，本文正在参加2021年终总结征文大赛」

1. 进入到你想要创建项目的目录，使用 NPM:执行npm init vite@latest

输入你想要创建的项目名称，然后回车

2. 进行框架选择

3. 选择你的项目是要用js 还是ts 开发，选择后回车

初始化完成的项目目录如下

4. 创建需要目录、安装需要的依赖

1）安装、配置router

npm install vue-router@4

然后在 src 下创建对应目录

接着在router文件夹中创建index.js文件

import { createRouter, createWebHashHistory } from "vue-router";
import Star from "../views/star/index.vue";
const routes = [
  {
    path: "/",
    redirect: "/star",
  },
  {
    path: "/star",
    name: "Star",
    component: Star,
  },
];
const router = createRouter({
  history: createWebHashHistory(),
  routes,
});

export default router;

修改main.js 文件

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

createApp(App).use(router).mount("#app");

在views目录下创建与路由相对应的页面文件

修改app.vue文件

<template>
  <router-view />
</template>

(未完待续...)