Vue3+Vite+Pinia+Naive后台管理系统搭建之一：基础项目构建

// 创建项目
yarn create vite
// or
npm create vite

// 安装默认依赖
yarn install
// or
npm install
 
// 运行项目
yarn dev
// or
npm run dev

// 新增 src/api 文件夹：存放 axios 封装接口
 
// 新增 src/assets/imgs 文件夹：存放静态图片
// 新增 src/assets/style 文件夹：存放公用scss、工具scss
// 新增 src/assets/svg 文件夹：存放自定义组件 Icon 的文件
 
// 清空 src/components 文件夹：存放自定义共用组件
 
// 新增 src/pages 文件夹：存放页面 .vue文件
 
// 新增 src/router 文件夹：存放路由
 
// 新增 src/store 文件夹：存放共用状态
 
// 新增 src/utils 文件夹：存放工具.js方法
 
// 删除 src/style.css 文件

import { createApp } from 'vue'
import App from './App.vue'
 
createApp(App).mount('#app')

<script setup></script>
 
<template>
  <div class="demo">demo</div>
</template>
 
<style scoped></style>