NPM 安裝包遇到的坑！

木子喵發表於2019-02-16
NPM

1.區分npm -S -D

  • 我們在使用npm install 安裝模組或外掛的時候，有兩種命令把他們寫入到 package.json 檔案裡面去，比如：
  • –save-dev 簡寫-D

  • –save 簡寫-S

    • 在 package.json 檔案裡面提現出來的區別就是，使用 –save-dev 安裝的 外掛，被寫入到 devDependencies 物件裡面去，而使用 –save 安裝的外掛，責被寫入到 dependencies 物件裡面去。
    • 那 package.json 檔案裡面的 devDependencies 和 dependencies 物件有什麼區別呢？
    • devDependencies 裡面的外掛只用於開發環境，不用於生產環境，而 dependencies 是需要釋出到生產環境的。
    • devDependencies 就是不是主檔案依賴。放在開發環境即可
    • dependencies 主檔案依賴，比如vue vue-router

2.Npm 切換源

預設源

npm config set registry https://registry.npmjs.org

https -> http，這樣網速就會好很多

npm config set registry http://registry.npmjs.org

如果還不能下載，就切換成淘寶源

npm config set registry https://registry.npm.taobao.org

Npm 安裝包到對應的目錄中(也就是在package.json)， 在name 裡面填寫對應的路徑地址,同時需要配置好入口檔案

"name": "@plugin-private/plugins-npm"
"main": "src/index.js"

3.1. 註冊一個npm賬號。當然啦，你還需要有自己的工程嘛

  • 目前幾乎都是vue 專案，就先用一個vue-cli搭建一個專案。簡單寫幾個外掛，先做試水啦～～～
  • 同時需要更改 webpack.base.conf.js =>
 entry: {
    app: `./src/main.js`  //這裡配置入口檔案地址
  },

4.開始釋出建立好的包

  • 使用終端命令列

如果是第一次釋出包，執行以下命令，然後輸入前面註冊好的NPM賬號，密碼和郵箱，將提示建立成功

npm adduser
  • 這裡可能會遇到的問題就是，npm的源不是預設源，這個需要你手動變更。請看2.

-如果不是第一次釋出包，執行以下命令進行登入，同樣輸入NPM賬號，密碼和郵箱

npm login
  • 注意：npm adduser成功的時候預設你已經登陸了，所以不需要再進行npm login了
  • 接著先進入專案資料夾下，然後輸入以下命令進行釋出
npm publish

  • 這裡需要注意的地方是，如何更改路徑，

    • 在 package.json裡面配置好路徑
    • 執行 npm publish –access public

npm 的有一些命令，還是要多看API！！後面補上！！

相關文章