專案根目錄中的檔案
先從進入專案根目錄說起，也就是第一眼看到的檔案(版本不同，可能稍有不同)

README.md :這個檔案主要作用就是對專案的說明，已經預設寫好了一些東西，你可以簡單看看。如果是工作中，你可以把檔案中的內容刪除，自己來寫這個檔案，編寫這個檔案可以使用Markdown的語法來編寫。

package.json: 這個檔案是webpack配置和專案包管理檔案，專案中依賴的第三方包（包的版本）和一些常用命令配置都在這個裡邊進行配置，當然腳手架已經為我們配置了一些了，目前位置，我們不需要改動。如果你對webpack瞭解，對這個一定也很熟悉。

package-lock.json：這個檔案用一句話來解釋，就是鎖定安裝時的版本號，並且需要上傳到git，以保證其他人再npm install 時大家的依賴能保證一致。

gitignore : 這個是git的選擇性上傳的配置檔案，比如一會要介紹的node_modules資料夾，就需要配置不上傳。

node_modules :這個資料夾就是我們專案的依賴包，到目前位置，腳手架已經都給我們下載好了，你不需要單獨安裝什麼。

public ：公共檔案，裡邊有公用模板和圖示等一些東西。

src ： 主要程式碼編寫檔案，這個資料夾裡的檔案對我們來說最重要，都需要我們掌握。

public資料夾介紹
這個檔案都是一些專案使用的公共檔案，也就是說都是共用的，我們就具體看一下有那些檔案吧。

favicon.ico : 這個是網站或者說專案的圖示，一般在瀏覽器標籤頁的左上角顯示。

index.html : 首頁的模板檔案，我們可以試著改動一下，就能看到結果。

mainifest.json：移動端配置檔案，這個會在以後的課程中詳細講解。

src資料夾介紹
這個目錄裡邊放的是我們開放的原始碼，我們平時操作做最多的目錄。

index.js : 這個就是專案的入口檔案，視訊中我們會簡單的看一下這個檔案。

index.css ：這個是index.js裡的CSS檔案。

app.js : 這個檔案相當於一個方法模組，也是一個簡單的模組化程式設計。

serviceWorker.js: 這個是用於寫移動端開發的，PWA必須用到這個檔案，有了這個檔案，就相當於有了離線瀏覽的功能。

轉載技術胖原文：