*********************************************************
到這項目已經創建完畢。
項目結構
那麼這些的作用都是什麼呢？
node_modules:(包含了react項目中會用到的一些組件，install的時候下載下來的)
public:(項目中的啓動頁面，react比較適合單頁面項目應用開發，所以暫時只包含一個index.html，並且這也是react工程的入口頁面)
Manifest.json：5+移動App的配置文件，用於指定應用的顯示名稱、圖標、應用入口文件地址及需要使用的設備權限等信息，用戶可通過HBuilder的可視化界面視圖或者源碼視圖來配置 5+移動App的信息。
index.html:項目入口。
favicon:圖片。
src:(包含了一些我們自己使用的js文件，css文件，img文件等。系統默認將index.html對準了index.js。index.js也就是我們的入口js，他和index.html所對應)
App:組件的js、css。
index:入口文件的js、css。index.js必須在src的一級目錄下。
logo:圖片。
registerServiceWorker:註冊一個服務來爲本地緩存提供服務。這使得應用程序在隨後的訪問中加載更快。
.gitignore:(一般來說,每個Git項目中都需要一個“.gitignore”文件，這個文件的作用就是告訴Git哪些文件不需要添加到版本管理中,項目開發中，很多文件都是不需要加入版本管理的，比如java字節碼文件.class，安卓虛擬機文件.dex和一些包含密碼的配置文件等。這個文件的內容是一些規則，Git會根據這些規則來判斷是否將文件添加到版本控制中)
package-lock.json:(鎖定安裝時的包的版本號，並且需要上傳到git，以保證其他人在npm install時大家的依賴能保證一致。)
package.json:(定義了這個項目所需要的各種模塊，以及項目的配置信息（比如名稱、版本、許可證等元數據）。npm install 命令根據這個配置文件，自動下載所需的模塊，也就是配置項目所需的運行和開發環境。)
README.md:(README.md文件是一個項目的入門手冊，裏面介紹了整個項目達到什麼樣子的效果、需要搭建什麼樣的環境、具備什麼樣的技能等等。)
理解了這些模塊或是文件的作用與功能。但是在開發中，這樣的結構有點亂，整理一下：
換成常用的結構
只動了src裏面的內容，其他模塊沒動。
新建：
css
js
page
resource
四個文件，值得注意的是：index.js必須在src的一級目錄下，不能放到文件夾中，否則會報錯，因爲index.html和index.js內部默認位置。
index.js文件 （只將路徑修改了下，其他沒變。）
import React from 'react';
import ReactDOM from 'react-dom';
import './css/index.css';
import App from './js/App';
import registerServiceWorker from './js/registerServiceWorker';
ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();
修改完成。
*********************************************************