React開發企業級後臺管理系統(筆記一環境配置)
阿新 • • 發佈:2018-12-17
主要介紹安裝node環境和react環境依賴安裝
- node環境安裝
1,官網下載node安裝包。安裝完成後可以通過以下命令查詢安裝版本號
node -v
,只要安裝成功便會自動安裝npm
依賴包管理工具。yarn
也是和npm
類似的工具 ,通過npm i yarn -g
,其實,npm
類似於Java中的maven
工具。
注:如果安裝遇到問題,就在命令列執行清除
npm
快取的命令npm cache clean -f
,目前開發版node最低要求8.9以上版本,及時升級node環境,依次執行以下2個命令npm install -g n
和n stable
即可完成升級。
-
react環境搭建 1,命令列工具執行
npm i react create-react-app -g
create-react-app
的2個工具。 2,然後執行建立專案create-react-app projectname
3,開啟新建立的專案目錄cd projectname
4,執行啟動專案的命令npm start
如果是從碼雲clone下來的專案,需要本地安裝相關依賴:npm install
安裝依賴後方可成功啟動專案。 -
專案中需要的依賴外掛列表 1,UI框架是螞蟻金服的Antd
yarn add antd
ornpm i antd -s
2,資料互動工具axios
安裝執行:yarn add axios
ornpm i axios -s
yarn add react-router react-router-dom
4, 狀態管理器redux
執行:yarn add redux react-redux redux-thunk
5, @符號裝飾器yarn add babel-plugin-transform-decorators-legacy --dev
6,按需載入外掛yarn add babel-plugin-import
… 未完待續