1. 程式人生 > >react 專案構建

react 專案構建

    1、必須安裝nodejs      注意:安裝nodejs穩定版本


    2、安裝cnpm用cnpm替代npm

        地址:http://npm.taobao.org/
    
        安裝cnpm:

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

    3、用yarn替代npm

        yarn的安裝:

            第一種方法:參考官方文件https://yarn.bootcss.com/
            第二種方法:cnpm install -g yarn  或者 npm install -g yarn
        

搭建React開發環境的第一種方法(老-現在推薦):

    https://reactjs.org/docs/create-a-new-react-app.html

    1、必須要安裝nodejs    注意:安裝nodejs穩定版本  

    2.安裝腳手架工具   (單檔案元件專案生成工具)   只需要安裝一次

     npm install -g create-react-app   /  cnpm install -g create-react-app
    3.建立專案   (可能建立多次)
      找到專案要建立的目錄:

        create-react-app my-app

    4.cd  到專案裡面    
    
        cd  my-app
        npm start             yarn start執行專案
        npm run build         yarn build 生成專案

搭建React的開發環境的第二種方法(新-未來推薦):

    https://reactjs.org/docs/create-a-new-react-app.html

    1、必須要安裝nodejs  

    2.安裝腳手架工具並建立專案
        找到專案要建立的目錄執行:
        npx create-react-app my-app

    4.cd  到專案裡面    
        cd  my-app
        npm start  執行專案(除錯)
        npm run build 生成專案(釋出)

npx介紹:

    npm v5.2.0引入的一條命令(npx),引入這個命令的目的是為了提升開發者使用包內提供的命令列工具的體驗。

詳情:
    http://www.phonegap100.com/thread-4910-1-1.html

    npx create-react-app reactdemo這條命令會臨時安裝 create-react-app 包,命令完成後create-react-app 會刪掉,不會出現在 global 中。下次再執行,還是會重新臨時安裝。
    npx 會幫你執行依賴包裡的二進位制檔案。

    再比如 npx http-server 可以一句話幫你開啟一個靜態伺服器