npm

Posted wjcx-sqh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了npm相关的知识,希望对你有一定的参考价值。

npm

在学习react的同时,顺带了解npm以及cnpm。

Node Package Manager,Node.js 的包管理工具,依赖 package.json 文件。

常用命令

  • npm install xxx[@x.x.x]:安装[特定]版本
/*把依赖包名称添加到 package.json 文件 devDependencies 键下*/
/*devDependencies是开发时依赖*/
–save-dev: 安装开发环境需要的依赖包
/*把依赖包名称添加到 package.json 文件 dependencies 键下*/
/*dependencies是运行时依赖*/
–save : 安装生产环境需要的依赖包
  • npm info xxx:查看包的详细信息
  • npm ls xxx:查看包信息

亦可对pkg进行:更新-update,搜索-search,卸载-uninstall,发布-publish。

其他

# 注册淘宝镜像代理
npm set registry https://registry.npm.taobao.org
# 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

package.json 

模块根目录下,用于定义包的属性以及项目依赖,通过 npm install 安装

  • main:指定程序主入口文件,默认index.js

create-react-app 

使用前的准备

1. 安装 Node.js,会同时安装 npm
2. npm 淘宝镜像:npm config set registry https://registry.npm.taobao.org

create-react-app 来自于 Facebook,通过该命令,无需配置即可快速构建 React 开发环境。

由 create-react-app 自动创建的项目基于 Webpack + ES6。

npm install -g create-react-app
create-react-app my-app
cd my-app
npm start



以上是关于npm的主要内容,如果未能解决你的问题,请参考以下文章

npm scripts 使用指南

Error: Python executable “H:devpython3.10python.EXE“ is v3.10.0, which is not supported by gyp.(代码片段

React-draggable npm 包可防止在输入字段内单击

014 Mui

微信小程序代码片段

VSCode自定义代码片段——CSS选择器