Vue3基础之目录结构(Main.js配置)

1. vue3项目(v3.2.13)

• node_modules 通过npm install下载安装的项目依赖包
• public 存放静态资源和公共资源
• favicon.ico 网站图标
• index.html 页面项目的入口
• src 项目开发主要文件夹
• assets 静态资源存放文件夹，主要存放一些静态图片资源
• components 公共组件存放文件夹，存放的是开发需要的的各种公共组件
• router 路由文件存放文件夹，里面的index.js是项目路由配置文件
• store 状态管理文件存放文件夹，里面的index.js是VUEX的封装文件，用来设置通用变量和方法
• views 项目中各模块主要功能的存放文件夹，一般在这里添加新功能
• App.vue 项目主组件，也是项目所有组件和路由的出口，之后它会被渲染到项目根目录的 index.html 中显示出来，我们可以在这里写一些适合全局的css样式
• main.js 入口文件，引入了vue模块和app.vue组件以及路由router，我们需要在全局使用的一些东西也可以定义在这里面
• gitignore 用来忽略被指定的文件或文件夹的改动
• babel.config.js 有关babel的配置
• jsconfig.json 有关js的配置
• package.json 项目依赖配置和包管理文件
• README.md 项目说明文档
• vue.config.js 项目配置信息

1684306073226.png

2. vue3 Main.js 配置

import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)
/**
 * 在此挂在路由，vuex等
 */
app.mount('#app')