// -S 即 --save  對應(yīng)在 dependencies，這個則是需要發(fā)布到生產(chǎn)環(huán)境中的，就比如你要跑一個基于vue的項目，所以需要vue.js來支持，而這個vue.js文件就需要跟隨項目到最終的生產(chǎn)環(huán)境
// -D 即 --save-dev 對應(yīng)在 devDependencies ，是我們開發(fā)的時候需要用到的一些包，只需要用于開發(fā)階段，真正打包上線的時候并不需要這些包，因為這些工具只是你用來打包代碼的，是用來識別特定文件以及代碼，幫助我們生產(chǎn)最終文件的

// tips : 啥也不寫   npm i 初始化都后都找不到包的

// 安裝創(chuàng)建react項目
cnpm install -g create-react-app
create-react-app my-app

// sass
// 最新版本node直接運行    老版本 按對應(yīng)的sass版本來
cnpm install  node-sass -D

// router
cnpm install react-router-dom -S

// 全局狀態(tài)管理  redux react-redux
cnpm install redux react-redux -S
// redux 開發(fā)工具  
// 1.安裝google插件  
// 2.安裝npm包
cnpm install redux redux-devtools-extension -D
// 3.store中進行配置
import {composeWithDevTools} from 'redux-devtools-extension'
const store = createStore(allReducer,composeWithDevTools(applyMiddleware(thunk)))

// 組件通訊 pubsub-js
cnpm install pubsub-js -S


 

sass 對應(yīng) node 版本

image.png