如何给现有工程初始化一个react-native环境的package.json

Posted 2020-08-26 just coding

react-native看到了给现有工程添加react-native环境的时候碰到一个问题：

如何往工程中添加 package.json文件，以及node_modules是怎么来的？

我开始的时候以为是自己创建的文件夹，package.json文件也是通过vim来写的。

但是就在写package.json时 写了一下我就感觉特别不方便。于是我想到了npm:node package manager. 尝试了一下，果然通过npm可以帮助我们完成这项任务。

 

具体操作：

1、进入你工程的根目录

2、npm init （这个工作跟cocoapods的podfile文件初始化有点像）-> 根据提示输入工程的package.json的内容。

3、npm install

经过上述的步骤之后我们的工程根目录底下就有了react-native的环境了。

然后此时我要导入的redux框架，这时候我只要往dependcies中增加:

"name": "RNIntergrationDemo",

"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"react": "15.4.1",
"react-native": "0.39.2",
"redux":"3.6.0"
},
"devDependencies": {
"babel-jest": "18.0.0",
"babel-preset-react-native": "1.9.1",
"jest": "18.1.0",
"react-test-renderer": "15.4.1"
},
"jest": {
"preset": "react-native"
}

（然后接着时通过cocoapods导入。。。）