npm在前端项目中的常用命令

Posted 2022-11-30 泠泠在路上

1. 初始化package.json 文件

npm init      

2. 查看npm版本

npm -v

3. 查看npm配置

npm config list       //查看npm主要配置包含：npm仓库地址，cwd路径，根目录等配置信息

npm config ls -l     //查看全部npm默认配置

npm config get key     //查看config中key对应的配置项

npm config set key=value     //设置config中key对应的配置项值为value

4. 切换仓库到淘宝镜像.

npm install xxx库 --registry https://registry.npm.taobao.org     // 一次性修改当前项目的仓库位置

或者

npm config set registry https://registry.npm.taobao.org    //永久性修改全局配置到淘宝镜像

设置完成后可以通过以下命令查看是否配置成功

npm config get registry
或 
npm info xxx库

添加cnpm 指令

设置完淘宝镜像之后可以通过如下命令定义cnpm命令。用于执行淘宝仓库中的npm指令

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

切换回npm官方

发布npm包时需要先切换回官方地址

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

5. 装包

dependencies 安装项目依赖包
npm install xxx --save 或者 npm install xxx -S

devDependencies 安装开发依赖包

npm install xxx --save-dev 或者 npm install xxx -D

6. 卸载安装的包

npm uninstall xxx  

7. 安装package.json里的文件

npm install

8. 全局安装 vue-cli

npm install vue-cli -g   

或者

cnpm install vue-cli -g      //cnpm为npm配置成淘宝镜像源的用法

9. 初始化vue项目

vue init webpack  "项目名称"

随附个人觉得写得不错的新建vue项目的文章：

https://www.jianshu.com/p/02b12c600c7b