一鍵部署React開發環境

1、環境安裝,首先要安裝node

(1)去官網下載nodejs安裝包https://nodejs.org/en/download/ 下載對應系統的node安裝包,安裝一路next就好了。

(2)安裝成功了試試 node -v ,npm -v 來測試是否安裝成功(不需要自己手動配置系統環境變量)

因爲國內使用npm很慢,我們可以使用淘寶的cnpm,同時設置鏡像地址

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

(3)安裝成功後,可以鍵入cnpm -v檢查是否安裝成功

2. 創建我們的第一個react程序

假設我們要在D:\workSpace下創建first-react-demo這個工程,並編譯。我們需要依次執行如下步驟

(1)cnpm install -g create-react-app   全局安裝創建react-app的module(這一步不一定要在workspace目錄下)

(2)create-react-app first-react-demo  在當前workplace目錄下創建fist-react-demo這個項目

(3)創建成功後,打開first-react-demo這個文件夾,在打開的cmd窗口中,鍵入npm start 

(4)大功告成。瀏覽器鍵入localhost:3000即可訪問

 

發佈了51 篇原創文章 · 獲贊 109 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章