readme.md --項目介紹自定義一些項目信息以及簡單使用
package.json --dependencies下管理生產環境所用的包及版本
---devDependencies里得插件只用於開發環境,不用於生產環境
---name項目名稱
---version項目版本
---scripts項目啟動等功能設置
package.lock.json ---上線鎖定版本信息
gitignore ---這個是git的選擇性上傳的配置文件,比如一會要介紹的node_modules
文件夾,就需要配置不上傳。
public ---公共文件,里邊有公用模板和圖標等一些東西
public文件夾介紹
這個文件都是一些項目使用的公共文件,也就是說都是共用的,我們就具體看一下有那些文件吧。
-
favicon.ico : 這個是網站或者說項目的圖標,一般在瀏覽器標簽頁的左上角顯示。
-
index.html : 首頁的模板文件,我們可以試着改動一下,就能看到結果。
-
mainifest.json:移動端配置文件。
src ---主要代碼編寫文件,這個文件夾里的文件對我們來說最重要,都需要我們掌握
src文件夾介紹
這個目錄里邊放的是我們開放的源代碼,我們平時操作做最多的目錄。
-
index.js : 這個就是項目的入口文件。
-
index.css :這個是
index.js
里的CSS文件。 -
app.js : 這個文件相當於一個方法模塊,也是一個簡單的模塊化編程。
-
serviceWorker.js: 這個是用於寫移動端開發的,PWA必須用到這個文件,有了這個文件,就相當於有了離線瀏覽的功能。