1. 程式人生 > >React 專案工程安裝

React 專案工程安裝

1.下載node.js

windows:

https://nodejs.org/dist/v8.5.0/node-v8.5.0-x64.msi

Linux:

https://nodejs.org/dist/v6.11.3/node-v6.11.3-linux-x64.tar.xz

2. 安裝cnpm 映象 http://npm.taobao.org/

命令: npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安裝依賴類庫

命令: cnpm install

4.安裝webpack打包工具(注:這個過程中缺少什麼包都可以cnpm install )

command:cnpm instal webpack -g

5.啟動應用

npm start

 

 

二.常規目錄結構:

├── assets //存放靜態圖片

├── components //存放元件目錄

│   └── LineChart //畫圖元件

├── models //元件之間呼叫封裝模型

├── routes //路由元件

│   ├── dashboard //元件1

│   │   ├── chartsMoudlar

│   │   ├── chartsSearch

│   │   ├── counterSearch

│   │   ├── searchMoudlar

│   │   └── TreeMenu

│   ├── real-dashboard

│   │   └── chartsSelect

│   └── templates

│   └── update

├── services //跟後臺互動業務邏輯元件

└── utils //常用工具

└── index.js //初始解析js

└── router.js //路由js