readme.md fix / start browser added

README.md

@@ -4,20 +4,20 @@ This project was bootstrapped with [Create React App](https://github.com/faceboo
 
 In the project directory, you can run:
 
-### `yarn start`
+### `npm start`
 
 Runs the app in the development mode.<br />
 Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
 
 The page will reload if you make edits.<br />
 You will also see any lint errors in the console.
 
-### `yarn test`
+### `npm test`
 
 Launches the test runner in the interactive watch mode.<br />
 See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
 
-### `yarn build`
+### `npm build`
 
 Builds the app for production to the `build` folder.<br />
 It correctly bundles React in production mode and optimizes the build for the best performance.
@@ -27,7 +27,7 @@ Your app is ready to be deployed!
 
 See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
 
-### `yarn eject`
+### ~~`npm eject`~~
 
 **Note: this is a one-way operation. Once you `eject`, you can’t go back!**
 

craco.config.js

@@ -3,6 +3,7 @@ const { when, whenDev, whenProd, whenTest, ESLINT_MODES, POSTCSS_MODES } = requi
 const CracoLessPlugin = require('craco-less');
 const CracoAntDesignPlugin = require("craco-antd");
 const CracoAlias = require("craco-alias");
+const OpenBrowserPlugin = require("open-browser-webpack-plugin");
 
 module.exports = {
   reactScriptsVersion: "react-scripts",
@@ -17,7 +18,8 @@ module.exports = {
         source: 'tsconfig',
         tsConfigPath: 'tsconfig.paths.json',
       }
-    }
+    },
+    { plugin: new OpenBrowserPlugin({ url: 'http://localhost:3000' }) }
   ],
   // style: {
   //     modules: {

package.json

@@ -15,6 +15,8 @@
     "@types/recoil": "0.0.1",
     "@types/styled-components": "^5.1.1",
     "antd": "^4.4.2",
+    "axios": "^0.19.2",
+    "craco-alias": "^2.1.1",
     "craco-antd": "^1.18.1",
     "craco-less": "^1.17.0",
     "less": "^3.12.0",
@@ -26,8 +28,7 @@
     "react-scripts": "3.4.1",
     "recoil": "0.0.10",
     "styled-components": "^5.1.1",
-    "typescript": "~3.7.2",
-    "craco-alias": "^2.1.1"
+    "typescript": "~3.7.2"
   },
   "scripts": {
     "start": "craco start",
@@ -51,5 +52,6 @@
     ]
   },
   "devDependencies": {
+    "open-browser-webpack-plugin": "0.0.5"
   }
 }