pauloreis7

Setup dev env at Windows

1 - Terminal setup

Use Windows Terminal

Use powershell with Starship:
Powershell config: https://gist.github.com/pauloreis7/376d61c27ac80ef223f4d8b0a8dc3a4b
Starship config: https://gist.github.com/pauloreis7/64bbfdf83962b8c7113b0e38c6b82fe6

pauloreis7

add_newline = false

[line_break]
disabled = false

[username]
style_user = "green bold"
style_root = "red bold"
format = "[$user]($style) "
disabled = false

pauloreis7

# 1. Prediction (Fish-style autosuggestions)
Set-PSReadLineOption -PredictionSource History
Set-PSReadLineOption -PredictionViewStyle InlineView

# 1. Tab Menu: Press Tab to see a grid of options you can navigate with arrows
Set-PSReadLineKeyHandler -Key "Tab" -Function MenuComplete

# 2. Smart History Search: Filter history by what you've already typed
# If you type 'git ' and hit Up, it only shows previous git commands
Set-PSReadLineKeyHandler -Key "UpArrow" -Function HistorySearchBackward

pauloreis7

{
    "$schema": "https://aka.ms/terminal-profiles-schema",
    "actions": 
    [
        {
            "command": 
            {
                "action": "copy",
                "singleLine": false
            },

pauloreis7

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
//variables
}

pauloreis7

{
  "workbench.iconTheme": "material-icon-theme",
  "terminal.integrated.profiles.windows": {
    "WSL": {
      "path": ["C:\\WINDOWS\\System32\\wsl.exe"],
      "args": [],
      "icon": "terminal-ubuntu"
    },
    "PowerShell": {
      "source": "PowerShell",

pauloreis7

const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin')

const isDevelopment = process.env.NODE_ENV !== 'production'

module.exports = {
  mode: isDevelopment ? 'development' : 'production',
  devtool: isDevelopment ? 'eval-source-map' : 'source-map',
  entry: path.resolve(__dirname, 'src', 'index.tsx'),