欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解讀vue生成的文件目錄結(jié)構(gòu)及說明

 更新時間：2017年11月27日 09:46:05   作者：孫玲倩  
本篇文章主要介紹了解讀vue生成的文件目錄結(jié)構(gòu)及說明，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

利用node和npm環(huán)境我們可以很快的搭建一個vue環(huán)境。具體步驟，請看上一篇博客。搭建完成后，我們可以看到生成的文件夾中包括如下文件：

 

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)于一個組件

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這個文件,這個文件的內(nèi)容將以這樣的標(biāo)簽寫進(jìn)#app中。

觀察App.vue文件我們看可以看到一共有三個部分，分別是。

webpack在編譯時可以將.vue文件中的這三部分抽出來合成cinderella單獨(dú)的文件。

4、static文件夾用來放置靜態(tài)資源目錄

5、index.html是首頁入口文件

6、package.json是項(xiàng)目配置文件

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論