|
1 | | -# React + TypeScript + Vite |
2 | | - |
3 | | -This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. |
4 | | - |
5 | | -Currently, two official plugins are available: |
6 | | - |
7 | | -- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh |
8 | | -- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh |
9 | | - |
10 | | -## Expanding the ESLint configuration |
11 | | - |
12 | | -If you are developing a production application, we recommend updating the configuration to enable type aware lint rules: |
13 | | - |
14 | | -- Configure the top-level `parserOptions` property like this: |
15 | | - |
16 | | -```js |
17 | | -export default { |
18 | | - // other rules... |
19 | | - parserOptions: { |
20 | | - ecmaVersion: 'latest', |
21 | | - sourceType: 'module', |
22 | | - project: ['./tsconfig.json', './tsconfig.node.json'], |
23 | | - tsconfigRootDir: __dirname, |
24 | | - }, |
25 | | -} |
26 | | -``` |
27 | | - |
28 | | -- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked` |
29 | | -- Optionally add `plugin:@typescript-eslint/stylistic-type-checked` |
30 | | -- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list |
| 1 | +1. Create a github account |
| 2 | +2. Create a firebase account |
| 3 | +3. Go to a Firebase Console (https://console.firebase.google.com/) and create a new project |
| 4 | +4. On a local instance go to a console and run <b>"npm install -g firebase-tools"</b> |
| 5 | +5. Run <b>"firebase login"</b> to login into your account. |
| 6 | +6. Run <b>"firebase init hosting"</b><br> |
| 7 | + a) choose "Use an existing project"<br> |
| 8 | + b) select the created project<br> |
| 9 | + c) "What do you want to use as your public directory" - skip, "public" by default<br> |
| 10 | + d) "Configure as a single-page app" - y<br> |
| 11 | + e) "Set up automatic build and deploys- with GitHub" - y<br> |
| 12 | + f) type existed repository using format "user/repository"<br> |
| 13 | + g) "Set up wotkflow to run a build script before every deploy" - y<br> |
| 14 | + h) "What script should be run before every deploy" - choose default - "npm ci && npm run build"<br> |
| 15 | + i) "Set up autpmatic deployment to your site's live channel when a PR is a merged" - y<br> |
| 16 | + j) "What is the name of the GitHub branch associated with your site's live channel" - choose default - "main"<br> |
0 commit comments