NPM 安裝包遇到的坑！

陳偉發布于2019-08-23 11:36 / 834人閱讀

摘要：放在開發環境即可主文件依賴，比如切換源默認源，這樣網速就會好很多如果還不能下載，就切換成淘寶源安裝包到對應的目錄中也就是在，在里面填寫對應的路徑地址同時需要配置好入口文件注冊一個賬號。

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！！后面補上！！

云服務器 GPU云服務器 NPM包管理器 npm安裝在npm 包 coa 和 rc 中發現惡每周數百萬下載量!NPM包修復了一個遠程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97207.html

包管理工具安裝速度慢或許是 lock 文件的坑

摘要：包管理工具安裝速度慢或許是文件的坑更多前端技術和知識點，搜索訂閱號菌訂閱大家都用過配置鏡像加速第三方模塊的安裝。包管理工具安裝速度慢或許是 lock 文件的坑 showImg(https://user-gold-cdn.xitu.io/2019/5/22/16ae00d0d384e33a); ?? 更多前端技術和知識點，搜索訂閱號 JS 菌訂閱大家都用過 yarn npm 配置鏡像加...

mikyou 2019-05-23 14:15 評論0 收藏0
webpack4 的開發環境配置說明

摘要：的開發環境配置說明完整的的配置地址開發環境的搭建，總體而言就比較輕松，因為用戶就是開發者們。的做法是在的字段配置類似這樣這樣配置后，當運行時，在里通過可以取到值以來做判斷就可以啦。 webpack4 的開發環境配置說明完整的webpack4的配置clone地址： https://github.com/ziwei3749/... 開發環境的搭建，總體而言就比較輕松，因為用戶就是開發者們...

fancyLuo 2019-08-23 10:34 評論0 收藏0
最小白的webpack+react環境搭建

摘要：接下來安裝和，執行命令安裝很順利，沒有遇到任何問題。再總結一下我們遇到的坑初始化時的項目名稱要合規，特別是不能出現中劃線下劃線。另外再增加，這樣刷新的速度會大大加快最終的文件目錄結構為各文件的最終內容本文也同步發表在我的公眾號“我的天空” 從零開始，用最少的配置、最少的代碼、最少的依賴來搭建一個最簡單的webpack+react環境。最近在玩webpack+rea...

番茄西紅柿 2019-04-23 13:28 評論0 收藏0