VUE學習02--VUE項目各級目錄及文件作用介紹

我們創建完成vue項目，會發現有很多目錄及文件，我給大家簡單介紹一下各個目錄的作用。

build -- 主要是一些webpack 項目打包的配置文件
config -- 項目運行時的一些配置，如項目端口號等。
node_module -- 項目依賴， 由命令npm install生成
index.html -- 入口文件
package.json -- 項目的配置文件 創建項目填寫的一些選項都寫到這裏了。  
webpack.config.js -- webpack的配置文件，webpack打包的工具。
src 源文件目錄  -- 主要包含 assets，components ，router三個目錄
      assets -- 靜態資源文件（會經過webpack打包編譯）
      components -- 組件文件，VUE的核心
      router -- 配置整個vue項目的路由，vue 是單頁面應用的代表，這裏面就是設置一個一個組件的地址的文件。
App.vue -- 根組件  組件就是模塊，
App.vue是由由template--> html ，script--> js，scss-->css 三部分內容組成。
main.js --  項目的主js,全局的使用的各種變量、js、插件 都在這裏引入 、定義。
static -- 裏面有一些靜態資源文件(只是複製進來，不經過打包編譯，建議放置一些第三方文件)

這樣我們就大致瞭解了VUE的項目結構。

 

喜歡的朋友多多支持哦~ 歡迎點贊，評論，關注三連~