如圖:
vue
1.打包文件夾,裏面主要是一些關於項目打包的配置文件,以及一些關於熱模塊加載的配置信息
2.配置文件夾,裏面主要配置開發環境和生產環境的信息,包括調試端口、代理地址、相對路徑、絕對路徑等。
3.node
依賴包,這裏面都是利用npm下載下來的依賴文件。
4.src
這個文件夾比較關鍵,這個是咱們主要編寫代碼的文件夾,項目自帶有三個文件夾:
assets
: 資源文件夾,主要用於存放各類圖片資源、樣式資源等
components
: 組件文件夾,這裏面主要用來存放各類組件文件,通常開發會把一些公共、通用的組件放到這裏,其它頁面會另創文件夾
5.router
: 路由配置文件夾,不少人一開始對路由不是很理解,其實也就是頁面的註冊,或者叫組件註冊。
另外兩個文件app.vue和main.js,算是兩個項目默認生成的文件吧,你能夠從新,不過通常沒這個必要。
6.靜態資源路徑,也是放資源的路徑。其實這個文件夾無關緊要。
7.是你們都很熟悉的index
文件,不過想經過雙擊預覽效果是不行的,須要我上一篇文章所提到的必須啓動項目才行。
(npm run dev
)
8.算是項目的依賴包目錄吧,使用json
編寫,不容許有半點語法錯誤。node