這篇文章主要介紹了vue生成文件目錄結(jié)構(gòu)的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
利用node和npm環(huán)境我們可以很快的搭建一個(gè)vue環(huán)境，搭建完成后，我們可以看到生成的文件夾中包括如下文件：
1、build文件夾是保存一些webpack的初始化配置。config文件夾保存一些項(xiàng)目初始化的配置。
2、node_modules是npm加載的項(xiàng)目依賴的模塊。
3、src目錄是我們要開(kāi)發(fā)的目錄，打開(kāi)是這樣的：
其中assets：用來(lái)放置圖片
components:用來(lái)放組件文件
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'意思誰(shuí)將所有的組件都放在id為app的元素中。components表明引入的文件，此處就是app.vue這個(gè)文件,這個(gè)文件的內(nèi)容將以這樣的標(biāo)簽寫(xiě)進(jìn)#app中。
觀察App.vue文件我們看可以看到一共有三個(gè)部分，分別是。
webpack在編譯時(shí)可以將.vue文件中的這三部分抽出來(lái)合成cinderella單獨(dú)的文件。
4、static文件夾用來(lái)放置靜態(tài)資源目錄
5、index.html是首頁(yè)入口文件
6、package.json是項(xiàng)目配置文件
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“vue生成文件目錄結(jié)構(gòu)的示例分析”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司，關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、網(wǎng)站設(shè)計(jì)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
重慶分公司
重慶分公司
