1. 程式人生 > >React開發企業級後臺管理系統(筆記一環境配置)

React開發企業級後臺管理系統(筆記一環境配置)

主要介紹安裝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 nn stable 即可完成升級。

  • react環境搭建 1,命令列工具執行 npm i react create-react-app -g

    安裝react和快速構建專案的create-react-app 的2個工具。 2,然後執行建立專案create-react-app projectname 3,開啟新建立的專案目錄 cd projectname 4,執行啟動專案的命令npm start 如果是從碼雲clone下來的專案,需要本地安裝相關依賴:npm install 安裝依賴後方可成功啟動專案。

  • 專案中需要的依賴外掛列表 1,UI框架是螞蟻金服的Antd yarn add antd or npm i antd -s 2,資料互動工具axios 安裝執行: yarn add axios or npm i axios -s

    3,路由管理 安裝執行: 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 … 未完待續