npm 如何为下一个开发人员向项目添加新的依赖项?

kb5ga3dv  于 2023-03-03  发布在  其他
关注(0)|答案(1)|浏览(116)

我正在用react做一个现有的项目,在运行网站之前,你必须执行npm install。据我所知,在package.json里面有你的网站所需要的一切。任何依赖项,网站内部使用的库。
我想添加脉轮用户界面到项目中,并从脉轮网站上说,我需要执行项目文件夹内的命令npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion,所以我如何才能集成这个命令,所以其他人将在这个项目上工作将只执行npm install,并已安装脉轮用户界面了?
我问了chatGPT,因为在网上找不到任何东西,而且那个命令使用npm来安装4个包
1.@查克拉-ui/React
1.@情绪/React
1.@情感/风格
1.帧运动
所以我必须打开我的package.json并在里面添加下面这行代码

{
  "name": "my-react-website",
  "version": "1.0.0",
  "description": "My awesome React website",
  "main": "index.js",
  "dependencies": {
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "@chakra-ui/react": "^1.6.5",
    "@emotion/react": "^11.4.1",
    "@emotion/styled": "^11.3.0",
    "framer-motion": "^5.5.3"
  },
  "devDependencies": {
    "webpack": "^5.30.0",
    "webpack-cli": "^4.6.0"
  },
  "scripts": {
    "start": "webpack serve --mode development",
    "build": "webpack --mode production"
  }
}

正如你可以看到的依赖项下,并指定版本。chatgpt建议我,例如,但我想要最新的,所以我去谷歌和搜索它的最新版本。
但是这感觉有点...费力。虽然npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion要注意安装最新的(对吗?),但我必须编辑packageiderjson并指定版本和blabla。
所以我的问题是,我刚才做的是正确的方法,还是有更好的方法?或者也许我应该下载chakra ui的github里面的package.json文件,所以当我运行npm install npm时,会看到两个package.json,并且会安装它们吗?

4xrmg8kj

4xrmg8kj1#

Package.json文件只是您安装的所有内容的列表,以及启动项目所需的所有内容的列表。
当您执行npm install命令时,它将读取package.json的内容并将其安装到node_module文件夹中。
你的命令npm i @chakra-ui/react @emotion/react @emotion/风格化帧运动将执行两个动作:
1.将新软件包安装到node_modules文件夹中
1.将新的依赖项添加到package.json文件中,以便下次安装npm时可以再次安装它
所以是的,你刚刚做的是正确的方式:)

相关问题