Vue3基礎(chǔ)之目錄結(jié)構(gòu)(Main.js配置)

1. vue3項(xiàng)目(v3.2.13)

  • node_modules 通過npm install下載安裝的項(xiàng)目依賴包
  • public 存放靜態(tài)資源和公共資源
  • favicon.ico 網(wǎng)站圖標(biāo)
  • index.html 頁面項(xiàng)目的入口
  • src 項(xiàng)目開發(fā)主要文件夾
  • assets 靜態(tài)資源存放文件夾，主要存放一些靜態(tài)圖片資源
  • components 公共組件存放文件夾，存放的是開發(fā)需要的的各種公共組件
  • router 路由文件存放文件夾，里面的index.js是項(xiàng)目路由配置文件
  • store 狀態(tài)管理文件存放文件夾，里面的index.js是VUEX的封裝文件，用來設(shè)置通用變量和方法
  • views 項(xiàng)目中各模塊主要功能的存放文件夾，一般在這里添加新功能
  • App.vue 項(xiàng)目主組件，也是項(xiàng)目所有組件和路由的出口，之后它會(huì)被渲染到項(xiàng)目根目錄的 index.html 中顯示出來，我們可以在這里寫一些適合全局的css樣式
  • main.js 入口文件，引入了vue模塊和app.vue組件以及路由router，我們需要在全局使用的一些東西也可以定義在這里面
  • gitignore 用來忽略被指定的文件或文件夾的改動(dòng)
  • babel.config.js 有關(guān)babel的配置
  • jsconfig.json 有關(guān)js的配置
  • package.json 項(xiàng)目依賴配置和包管理文件
  • README.md 項(xiàng)目說明文檔
  • vue.config.js 項(xiàng)目配置信息
1684306073226.png

2. vue3 Main.js 配置

import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)
/**
 * 在此掛在路由，vuex等
 */
app.mount('#app')
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容