vue 之 nodejs中npm的使用


npm是什么?

簡單的說,npm就是JavaScript的包管理工具。類似Java語法中的maven,gradle,python中的pip。

安裝包

我們在桌面上創建一個文件夾/01-studyNpm。

注意:千萬不要起名成:node、npm這樣的文件夾,以免與系統軟件產生不必要的沖突。

打開終端,切換到當前創建的文件夾目錄下,一定是當前目錄。

npm初始化

在去下載包之前,首先先讓當前項目的包進行初始化操作,執行命令:

npm init

運行這個命令后,它會詢問一些關於包的基本信息,根據實際情況回答即可。如果不喜歡這種方式,可以使用npm init --yes命令直接使用默認的配置來創建package.json文件,最后根據需要修改創建好的package.json文件即可。

{
  "name": "01-studynpm",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

主要字段的含義如下:

  • name: 模塊名, 模塊的名稱有如下要求:

    • 全部小寫
    • 只能是一個詞語,沒有空格
    • 允許使用破折號和下划線作為單詞分隔符
  • version: 模塊版本信息

  • description:關於模塊功能的簡單描述,如果這個字段為空的話,默認會從當前目錄的READMD.mdREADME文件讀取第一行內容作為它的默認值。

  • main: 模塊被引入后,首先加載的文件,默認為index.js

  • scripts: 定義一些常用命令入口

關於最后一個英文的意思,我們可以證明,當我執行npm init之后,會自動的生成package.json的文件。

 安裝模塊

使用npm install會讀取package.json文件來安裝模塊。安裝的模塊分為兩類
dependenciesdevDependencies,分別對應生產環境需要的安裝包和開發環境需要的安裝包。

 

同樣在安裝模塊的時候,可以通過指定參數來修改package.json文件,以jquery和webpack做例子

npm install jquery --save

npm install webpack --save-dev

來將新安裝的模塊信息記錄到package.json文件.

我們正式操作一遍,下載jquery包

npm install jquery --save

 

 

執行以上命令,便可以安裝對應的包到執行命令的當前目錄,並創建一個node_modules的文件夾,然后把需要安裝的安裝包下載到里面。

 

打開package.json文件會發現:

下載不同版本的模塊

npm install jquery@2.0.1 --save

卸載模塊

npm uninstall jquery --save

使用cnpm(淘寶鏡像)

使用npm下載依賴時,由於是從國外的網站上下載內容,所以可能經常會出現不穩定的情況,所以需要下載cnpm代替npm,cnpm是國內淘寶的做的,在國內使用穩定。 

1.下載cnpm

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

2.使用cpm

cnpm install jquery --save 

  

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM