首頁 > web前端 > js教程 > 簡單介紹React專案建置以及依賴安裝的過程

簡單介紹React專案建置以及依賴安裝的過程

不言
發布: 2018-09-27 15:51:38
原創
6419 人瀏覽過

這篇文章帶給大家的內容是關於簡單介紹React專案搭建以及依賴安裝的過程,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

一、前提

  首先保證node.js已安裝完成...

  安裝完成後,開啟cmd命令列,輸入node -v 和npm -v 來查看版本號,如果顯示則安裝完成。

二、安裝react腳手架

  在cmd命令列中輸入:  npm install -g create-react- app  等待其安裝

三、新建React專案

  建立專案預設安裝在使用者目錄下,想更換目錄可參考以下指令:

     在cmd指令行中輸入: d:   (選擇D磁碟)

#    在cmd命令列中輸入:cd d:\reactDemo   (進入D碟中的指定資料夾)

  執行新專案指令:create-react-app my-new-app      (「my-new-app 」是你的專案根目錄資料夾名稱)

  繼續等待較長時間....切記...莫慌莫慌

四、安裝淘寶cnpm指令

   npm取得有些耗時間,這裡建議大家使用淘寶團隊的cnpm

#   在cmd命令列中輸入:  npm install -g cnpm --registry=https://registry.npm.taobao.org

   輸入cnpm -v輸入是否正常  沒報錯,說明已經安裝成功了

五、安裝所需的依賴套件

   在cmd命令列中輸入: cd d:\reactDemo\ my-new-app  (進入你新建的專案檔案路徑)

##   繼續cmd如下:

#   npmnpm init   (然後一路回車)

    cnpm install --save react react-dom       ( 在該目錄下導入react和react-dom)

    cnpm install --save  react-router-dom   (react路由,以後會用到)

   繼續waiting......

#」 六、啟動專案

   確認cmd目錄在你的專案根目錄路徑下:d:\reactDemo\ my-new-app

   啟動專案:npm start    啟動後會自動彈出localhost:3000的網頁視窗

   想關閉專案的話,直接關閉CMD視窗就可以,或者使用Ctrl C ,輸入Y後退出

####

以上是簡單介紹React專案建置以及依賴安裝的過程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板