react腳手架安裝過程和所需外掛程式彙總

2021-09-27 10:10:11 字數 1374 閱讀 7704

cnpm install axios -d

cnpm intall react-router-dom -d

cnpm install redux react-redux -s

倉庫外掛程式redux的使用:

1.安裝 cnpm install redux react-redux -s之後

2.在index.js 加上

import

from

'react-redux'

import store from

'./component/redux/store/mystore'

// 使用provider 作用就是將包裹所有子元件,都可以訂閱store的state

>

>

<

/provider>

3.元件就用做好的模板就可以了。

import react,

from

'react'

import

from

'react-redux'

// 連線元件和 store,提供方法,元件中可以使用state

import

from

"redux"

import

*as actionevent from

'./redux/action'

// 將action中所有方法獲取

import store from

'./redux/store/mystore'

class

mould

extends

component

// 監聽store中的state

store.

subscribe((

)=>)}

)}render()

}function

mapstatetoprops

(state)

}function

mapdispathtoprops

(dispatch)

}export

default

connect

(// mapstatetoprops 將store中的state轉化成props接收

// mapdispathtoprops 獲取action裡面方法 通過props接收,呼叫action dispath乙個action給reducer

mapstatetoprops,

mapdispathtoprops

)(mould)

// 這個方法是react-redux 提供的連線元件的方法

讓我們在**的海洋中快樂的猝死吧。

vue cli腳手架安裝過程(精簡版)

1 開啟node的控制台,並找到對應的資料夾 2 檢查node的版本 node v 3 檢查npm的版本 npm v 4 檢查cnpm的版本 cnpm v 5 安裝全域性及腳手架 cnpm install vue cli g 6 初始化webpack 模板,建立名為webpack的資料夾 vue i...

腳手架安裝

1.先裝node 輸入 node v,出現相應的版本號,則說明安裝成功。2.安裝 映象 npm install g cnpm registry 3.安裝webpack npm install webpack 3.8.1 g g全域性安裝webpack版本3.8.1 webpack v檢視版本號 4....

React腳手架rekit的安裝和使用

近期在看react,有看到rekit這個腳手架,話不多說,試試 npm install g rekitemmm 已經安裝好了 接下來,建立乙個react專案 npm install npm start 好了,你的第乙個react專案已經搭建好了,他生成了乙個react的example 但是,所謂的r...