解讀vue生成的文件目錄結(jié)構(gòu)及說明
利用node和npm環(huán)境我們可以很快的搭建一個(gè)vue環(huán)境。具體步驟，請(qǐng)看上一篇博客。搭建完成后，我們可以看到生成的文件夾中包括如下文件：
1、build文件夾是保存一些webpack的初始化配置。config文件夾保存一些項(xiàng)目初始化的配置。
2、node_modules是npm加載的項(xiàng)目依賴的模塊。
3、src目錄是我們要開發(fā)的目錄，打開是這樣的：
其中assets：用來放置圖片
components:用來放組件文件
app.vue:是項(xiàng)目入口文件，代碼如下：
App.vue相當(dāng)于一個(gè)組件
main.js是項(xiàng)目的核心文件。代碼如下：
import Vue from ‘vue' import App from ‘./App' import router from ‘./router'
這三句的意思是首先引入vue,然后引入了./App即App.vue文件。最后一句是引入一段路由配置。
然后是實(shí)例化new Vue .el:'#app'意思誰將所有的組件都放在id為app的元素中。components表明引入的文件，此處就是app.vue這個(gè)文件,這個(gè)文件的內(nèi)容將以這樣的標(biāo)簽寫進(jìn)#app中。
觀察App.vue文件我們看可以看到一共有三個(gè)部分，分別是。
webpack在編譯時(shí)可以將.vue文件中的這三部分抽出來合成cinderella單獨(dú)的文件。
4、static文件夾用來放置靜態(tài)資源目錄
5、index.html是首頁入口文件
6、package.json是項(xiàng)目配置文件
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3+vant+ts 上滑加載解決上滑調(diào)用多次數(shù)據(jù)的問題(推薦)
這篇文章主要介紹了Vue3+vant+ts 上滑加載解決上滑調(diào)用多次數(shù)據(jù)的問題,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-12-12
Vue3+Element+Ts實(shí)現(xiàn)表單的基礎(chǔ)搜索重置等功能
本文主要介紹了Vue3+Element+Ts實(shí)現(xiàn)表單的基礎(chǔ)搜索重置等功能，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-12-12
關(guān)于json-bigint處理大數(shù)字問題
這篇文章主要介紹了關(guān)于json-bigint處理大數(shù)字問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05
M1 pro芯片啟動(dòng)Vue項(xiàng)目的方法步驟
本文主要介紹了M1 pro芯片啟動(dòng)Vue項(xiàng)目的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了vue3-HTTP請(qǐng)求方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要為大家介紹了使用vue實(shí)現(xiàn)玉兔迎春圖高亮示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
今天小編就為大家分享一篇vue表單自定義校驗(yàn)規(guī)則介紹，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Vue CLI3基礎(chǔ)學(xué)習(xí)之pages構(gòu)建多頁應(yīng)用
這篇文章主要給大家介紹了關(guān)于Vue CLI3基礎(chǔ)學(xué)習(xí)之pages構(gòu)建多頁應(yīng)用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Vue CLI3具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
這篇文章主要介紹了vue超時(shí)計(jì)算的組件實(shí)例代碼,需要的朋友可以參考下2018-07-07
vue3+TS 實(shí)現(xiàn)自定義指令長按觸發(fā)綁定的函數(shù)
這篇文章主要介紹了vue3+TS實(shí)現(xiàn)自定義指令長按觸發(fā)綁定的函數(shù),文中給大家分享了編寫自定義指令時(shí)遇到的幾個(gè)難點(diǎn)，本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-12-12