vue3.x 目錄結構詳解


以下是剛創建的vue3.x 項目的目錄

我們來解釋一下這些目錄都是用來干嘛的

|-node_modules       -- 所有的項目依賴包都放在這個目錄下
|-public             -- 公共文件夾
---|favicon.ico      -- 網站的顯示圖標
---|index.html       -- 入口的html文件
|-src                -- 源文件目錄,編寫的代碼基本都在這個目錄下
---|assets           -- 放置靜態文件的目錄,比如logo.pn就放在這里
---|components       -- Vue的組件文件,自定義的組件都會放到這
---|router           -- vue-router vue路由的配置文件,
---|store            -- 存放 vuex 為vue專門開發的狀態管理器,
---|views            -- 存放視圖文件,
---|App.vue          -- 根組件,這個在Vue2中也有
---|main.ts          -- 入口文件,因為采用了TypeScript所以是ts結尾
---|shims-vue.d.ts   -- 類文件(也叫定義文件),因為.vue結尾的文件在ts中不認可,所以要有定義文件
|-.browserslistrc    -- 在不同前端工具之間公用目標瀏覽器和node版本的配置文件,作用是設置兼容性
|-.eslintrc.js       -- Eslint的配置文件,不用作過多介紹
|-.gitignore         -- 用來配置那些文件不歸git管理
|-package.json       -- 命令配置和包管理文件
|-README.md          -- 項目的說明文件,使用markdown語法進行編寫
|-vue.config.json    -- 請求代理, webpack 配置, 打包輸出等都會在這里配置
|-yarn.lock          -- 使用yarn后自動生成的文件,由Yarn管理,安裝yarn包時的重要信息存儲到yarn.lock文件中


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM