2021-10-25 npm和cnpm和yarn

npm 和git的使用小结

1. npm init --yes    //初始化 并创建 package.json 文件
2. npm i lodash   //安装lodash  自动创建node_modules文件夹,所有工具包都会在此文件夹内
3. npm i lodash
4. 创建脚本 server.js
5. 使用node 执行脚本文件
6. 配置gitignore  //因为node_modules文件夹不能上传到github上(每次上传 git会比对每个文件有无修改,如果上传了node_modules,那么git会比对很多文件,没有意义)

git
7. git init   //初始化git
8. git add -A
9. git commit -m '初始化提交'

从github/gitee等clone代码后
1. npm i  //以安装各工具包

封装npm包

  1. 创建自己的 NPM 包可以帮助代码进行迭代进化,使用步骤也比较简单

  2. 修改为官方的地址 ( npm config set registry https://registry.npmjs.org/ )

  3. 创建文件夹,并创建文件 index.js, 在文件中声明函数,使用 module.exports 暴露

  4. npm 初始化工具包,package.json 填写包的信息

  5. 账号注册(激活账号),完成邮箱验证

  6. 命令行下 『npm login』 填写相关用户信息 (一定要在包的文件夹下运行)

  7. 命令行下『 npm publish』 提交包 👌

  • npm 有垃圾检测机制,如果名字简单或做测试提交(例如 abc、123、test),很可能会被拒绝提交

可以尝试改一下包的名称来解决这个问题

升级 NPM 包,需要修改 package.json 中的版本号修改,只需要执行『npm publish』就可以能提交

修改包代码
修改 package.json 中版本号
npm publish 提交 不需要再 npm login了 只需要提交即可
删除 npm 包

npm unpublish 包名 --force
使用 npm 执行脚本
  1. 编写 JS 脚本
  2. 配置 package.json (如果没有package.json, 则运行 npm init)
  3. 添加 scripts 中的属性
"scripts": {
 "test": "echo \"Error: no test specified\" && exit 1",
 "server": "node app.js",
 "build": "webpack app.js --config=./config/config.prod.js --env=adfadsf"
},
  1. 配置 package.json 后就可以在命令行中使用 npm run server 运行 app.js

淘宝的镜像npm: cnpm

网站地址

安装方式

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

cnpm 安装时一定要加 -S 选项
npm 配置镜像地址

淘宝镜像
npm config set registry https://registry.npm.taobao.org
官方镜像   
npm config set registry https://registry.npmjs.org/

在发布工具的时候, 一定要将仓库地址, 修改为官方的地址
npm config list 来查看配置是否成功

yarn

安装
方法一:npm install yarn -g(麻烦)
方法二:用安装包安装(简单)https://classic.yarnpkg.com/en/docs/install#windows-stable

安装后需要重启webstorm

yarn 的相关命令

yarn --version //查看yarn的版本

yarn init //生成package.json

yarn global add package (全局安装)

  • 全局安装路径 C:\Users\你的用户名\AppData\Local\Yarn\bin

yarn global remove less (全局删除)

yarn add package (局部安装)

yarn add package --dev (相当于npm中的–save-dev)

yarn remove package

yarn list //列出已经安装的包名 用的很少

yarn info packageName //获取包的有关信息 几乎不用

yarn //安装package.json中的所有依赖

yarn 修改仓库地址

yarn config set registry https://registry.npm.taobao.org
```-


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值