我正在用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,并且会安装它们吗?
1条答案
按热度按时间4xrmg8kj1#
Package.json文件只是您安装的所有内容的列表,以及启动项目所需的所有内容的列表。
当您执行npm install命令时,它将读取package.json的内容并将其安装到node_module文件夹中。
你的命令npm i @chakra-ui/react @emotion/react @emotion/风格化帧运动将执行两个动作:
1.将新软件包安装到node_modules文件夹中
1.将新的依赖项添加到package.json文件中,以便下次安装npm时可以再次安装它
所以是的,你刚刚做的是正确的方式:)