作者: 湯 瑪士

01-02 React 套件發布 & 套件刪除

01-02 React 套件發布 & 套件刪除

套件發布

Step1 帳號註冊

  • 要先在npm官方註冊一組帳號

  • 資料填寫

  • 信箱認證

這時候就完成了npm帳號的註冊

 

Step2 套件發布

  • 在終端機登入剛剛註冊的帳號

注意:密碼為隱碼,並非無法輸入

出現上面資訊代表登入成功

 

  • 發布前注意事項

主要資訊會package.json這檔案配置

private:一定要是false,否則npm會拒絕發布

name:不能有大寫符號‚不能用.或是_開頭‚必須要小於214個字符

version:版本號碼,不可以重複發布同樣的版本號碼

 

  • 套件發布

終端機指令:npm publish

發布完成後可以在npm官方網站檢視

搜尋也可以搜尋出發布的套件

 

套件刪除

  • 必須在發布後24小時內刪除,否則必須聯繫 [email protected] 協助
  • 與發佈時一樣,必須先透過終端機登入
  • npm unpublish <scope>@<version>

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可執行下列指令

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

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

參考資料: