React安裝及目錄結構

2021-09-02 06:57:22 字數 1120 閱讀 5220

構建react專案的幾種方式:

構建:generator-react-webpack

構建:webpack一步一步構建

1、安裝cnpm

國內使用 npm 速度很慢,你可以使用**定製的 cnpm (gzip 壓縮支援) 命令列工具代替預設的 npm:

$ sudo npm install -g cnpm --registry=

$ sudo npm config set registry

這樣就可以使用 cnpm 命令來安裝模組了:

$ cnpm install [name]
2、安裝react

//建立專案

//啟動專案

$ sudo npm start

然後在瀏覽器中開啟 http://localhost:3000/ ,即可。

現在很多人也用乙個新的包管理工具yarn,來安裝。

這裡把npm和yarn做下對比:

//安裝模組

> npm install lodash

> cnpm install lodash

> yarn add lodash

//啟動專案

> npm start

> cnpm start

> yarn start

//構建專案

注:若用yarn安裝,會有yarn.lock檔案,它是依賴包的描述檔案。

(1)webpack編譯打包專案

> npm run build
(2)webpack配置檔案

腳手架雖然封裝了webpack,但預設配置檔案是不開放的。

所以現在生成webpack的配置檔案:

> npm run eject

android SDK 安裝目錄結構詳解及各工具

重點介紹sdk自帶的工具 tools目錄 重點介以下工具,其他工具,學友們可自行上網搜尋 1.layoutopt檢驗布局檔案是否合理,布局檔案一般是不可缺少的,不良的布局檔案 比如 不必要的巢狀,過多的檢視,巢狀太深 很容易引起系統開銷過大,程式anp等等。怎麼初步檢測乙個布局檔案是否合理?使用參考...

檔案及目錄結構

fastdfs 伺服器端執行時目錄結構如下 data 存放資料 檔案 logs 存放日誌檔案 其中,由配置檔案中的引數 base path 設定。一 tracker server tracker server目錄及檔案結構 data storage groups.dat 儲存分組資訊 storage...

tomcat目錄及結構

目錄 內容bin 主要是用來存放tomcat的命令 conf 主要是用來存放tomcat的一些配置檔案 lib主要用來存放tomcat執行需要載入的jar包 logs 存放tomcat在執行過程中產生的日誌檔案 temp 存放tomcat在執行過程中產生的臨時檔案 用來存放應用程式 原始檔 work...