1.vue3
2.npm原文鏈接
安裝開發和生產依賴
npm install axios -S
npm install axios
npm i axios
開發者
npm install axios -D
npm i axios -D
生產環境不需要安裝時,我們需要通過 npm install --production 來安裝文件的依賴;
卸載某個依賴包:
npm uninstall package --save-dev
npm uninstall package -D
強制重新build
npm rebuild
清除緩存
npm cache clean
yarn---另一個npm包管理工具
npm和yarn常用命令對比
查看npm鏡像
npm config get registry
直接設置npm的鏡像:
npm config set registry https://registry.npm.taobao.org
使用cnpm,并且將cnpm設置為淘寶的鏡像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm config get registry # https://r.npm.taobao.org/
npx是npm5.2之后自帶的一個命令,npx的作用非常多,但是比較常見的是使用它來調用項目中的某個模塊的指令
以webpack為例:全局安裝的是webpack5.1.3,項目安裝的是webpack3.6.0
如果我在終端執行 webpack --version使用的是哪一個命令呢?
顯示結果會是 webpack 5.1.3,事實上使用的是全局的,為什么呢?
原因非常簡單,在當前目錄下找不到webpack時,就會去全局找,并且執行命令;
那么如何使用項目(局部)的webpack,常見的是兩種方式:
方式一:明確查找到node_module下面的webpack
方式二:在 scripts定義腳本,來執行webpack;
方式一:在終端中使用如下命令(在項目根目錄下)
./node_modules/.bin/webpack --version
方式二:修改package.json中的scripts
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"webpack": "webpack --version"
},
終端中執行:
npm run webpack
但是這兩種方式都有一點點麻煩,更好的辦法是直接使用npx:
npx webpack --version
npx的原理非常簡單,它會到當前目錄的node_modules/.bin目錄下查找對應的命令;