01-React開發環境建置

01-React開發環境建置

  • 安裝編輯器

    • 編輯器選擇(WebStorm、Sublime Text、Atom、Visual Studio Code、TextMate、Coda…)

1:檔案總管/搜尋/版控/debug/擴充工具

2:目錄

3:頁籤

4:程式

5:面板區

主要都在終端機這介面操作,輸入npm指令

ex:要將專案在其他port上執行

  • 安裝node.js

  • 樣版文件(boilerplate)

    • 別人已經配置好的專案樣板,可以提供開發專案的基本所需的模組

 

ant-design-pro

zuiidea(admin/admin)

 我們選擇 antd這個UI套件做為開發框架.套件下載

 

第一次開啟資料夾必須執行npm指令npm i 或是yarn install,把node_model載入

Step1

Step2

Step3

安裝完後輸入npm start / yarn run 編譯執行

預設port 8000 ,如果要更改執行的port可執行下列指令

執行後就可以看到專案最初的樣貌

最基本的環境建置就完成了

參考資料:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

WP Facebook Auto Publish Powered By : XYZScripts.com