亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue生成文件目錄結構的示例分析

發布時間:2021-06-24 11:02:22 來源:億速云 閱讀:314 作者:小新 欄目:web開發

這篇文章主要介紹了vue生成文件目錄結構的示例分析,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

利用node和npm環境我們可以很快的搭建一個vue環境,搭建完成后,我們可以看到生成的文件夾中包括如下文件:

vue生成文件目錄結構的示例分析 

1、build文件夾是保存一些webpack的初始化配置。config文件夾保存一些項目初始化的配置。

2、node_modules是npm加載的項目依賴的模塊。

3、src目錄是我們要開發的目錄,打開是這樣的:

vue生成文件目錄結構的示例分析 

其中assets:用來放置圖片

components:用來放組件文件

app.vue:是項目入口文件,代碼如下:

vue生成文件目錄結構的示例分析 

App.vue相當于一個組件

main.js是項目的核心文件。代碼如下:

vue生成文件目錄結構的示例分析 

import Vue from ‘vue' 
import App from ‘./App' 
import router from ‘./router'

這三句的意思是首先引入vue,然后引入了./App即App.vue文件。最后一句是引入一段路由配置。

然后是實例化new Vue .el:'#app'意思誰將所有的組件都放在id為app的元素中。components表明引入的文件,此處就是app.vue這個文件,這個文件的內容將以這樣的標簽寫進#app中。

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

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

4、static文件夾用來放置靜態資源目錄

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

6、package.json是項目配置文件

感謝你能夠認真閱讀完這篇文章,希望小編分享的“vue生成文件目錄結構的示例分析”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

vue
AI

丽江市| 东光县| 霍林郭勒市| 临西县| 堆龙德庆县| 濮阳市| 琼中| 抚州市| 册亨县| 河北区| 海阳市| 重庆市| 寿阳县| 甘南县| 万荣县| 康保县| 台北县| 屏山县| 雅江县| 新郑市| 扬州市| 黔东| 正安县| 资兴市| 文安县| 祥云县| 新密市| 青铜峡市| 宁强县| 常熟市| 宝清县| 历史| 南溪县| 玉山县| 前郭尔| 周宁县| 隆子县| 女性| 砀山县| 张家界市| 苗栗县|