title: How do I debug Neutralino in VS Code?
body: <p>I'm new to NuetralinoJS and web dev in general, so please go easy on me. I tried following the tutorial here with some slight variations:</p>
  
  <p><a href="https://neutralino.js.org/docs/#/gettingstarted/firstapp" rel="nofollow noreferrer">https://neutralino.js.org/docs/#/gettingstarted/firstapp</a></p>
  
  <p>And find "Step 5 - Debugging" to be too vague to be helpful. How would I go about "Chang[ing] neutralino mode in to browser?" Would someone be able to fix my launch.json? There didn't seem to be anything for Neutralino, but found other for webpack, etc, but the configs there didn't work. </p>
  
  <p>I can call</p>
  
  <pre><code>npm run build
  </code></pre>
  
  <p>and the project builds successfully, I can run it, but just can't debug it. That is:</p>
  
  <pre><code>./neutralino-linux
  </code></pre>
  
  <p>works! But no debugger is attached :(</p>
  
  <p>Please help, I need an expert!</p>
  
  <p>Steps:
  1) Generate NeutralinoJS project:</p>
  
  <pre><code>neu create myapp --template ts
  </code></pre>
  
  <p>2) In VS Code, File -> Open Folder -> Select 'myapp' directory in file-browser</p>
  
  <p>3) In VS Code, Run -> Add Configuration</p>
  
  <p>launch.json</p>
  
  <pre><code>{
      // Use IntelliSense to learn about possible attributes.
      // Hover to view descriptions of existing attributes.
      // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
      "version": "0.2.0",
      "configurations": [
          {
              "type": "node",
              "runtimeArgs": ["--harmony"],
              "request": "launch",
              "name": "Launch Webpack",
              "skipFiles": [
                  "&lt;node_internals&gt;/**"
              ],
              "sourceMaps": true,
              "program": "${workspaceFolder}/src/app.ts",
              "preLaunchTask": "npm: build",
              "smartStep": true,
              "internalConsoleOptions": "openOnSessionStart",
              "outFiles": [
                  "${workspaceFolder}/dist/**/*.js"
              ],
              "cwd": "${workspaceFolder}"
          }
      ]
  }
  </code></pre>
  
  <p>4) Modify the tsconfig.json file</p>
  
  <p>tsconfig.json</p>
  
  <pre><code>{
      "compilerOptions": {
          "outDir": "./dist/",
          "noImplicitAny": false,
          "module": "es6",
          "moduleResolution": "node",
          "target": "es6",
          "allowJs": true,
          "experimentalDecorators": true,
          "emitDecoratorMetadata": true,
          "types": ["reflect-metadata"],
          "lib": ["es6", "dom"],
          "sourceMap": true
      },
      "include": [
          "./src/**/*"
      ]
  }
  </code></pre>
  
  <p>5) Add '.js' to extensions in webpack.config.js</p>
  
  <p>webpack.config.js</p>
  
  <pre><code>const path = require('path');
  const MiniCssExtractPlugin = require('mini-css-extract-plugin');
  
  module.exports = {
    entry: path.resolve(__dirname, './src/app.ts'),
    devtool: 'source-map',
    module: {
      rules: [
        {
          test: /\.ts?$/,
          use: 'ts-loader',
          exclude: [
            /node_modules/,
            /deps/
          ],
        },
        {
          test: /\.css$/i,
          use: [
            {
              loader: MiniCssExtractPlugin.loader,
            },
            'css-loader',
          ],
        },
  
      ],
    },
    resolve: {
      extensions: ['.ts', '.js'],
    },
    output: {
      filename: 'app.js',
      path: path.resolve(__dirname, './app/assets'),
    },
    plugins: [
      new MiniCssExtractPlugin({
        filename: 'app.css'
      }),
    ],
  };
  
  </code></pre>
  
  <p>6) npm install "other dependencies"</p>
  
  <p>package.json</p>
  
  <pre><code>{
    "name": "neutralinojs-typescript",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
      "build": "webpack -p --config webpack.config.js",
      "test": "echo \"Error: no test specified\" &amp;&amp; exit 1"
    },
    "author": "",
    "license": "ISC",
    "devDependencies": {
      "css-loader": "^3.4.0",
      "extract-text-webpack-plugin": "^3.0.2",
      "mini-css-extract-plugin": "^0.9.0",
      "ts-loader": "^6.2.1",
      "typescript": "^3.7.4",
      "webpack": "^4.41.4",
      "webpack-cli": "^3.3.10"
    },
    "dependencies": {
      "inversify": "^5.0.1",
      "reflect-metadata": "^0.1.13",
      "rxjs": "^6.5.4",
      "rxjs-compat": "^6.5.4",
      "source-map": "^0.7.3",
      "whatwg-fetch": "^3.0.0"
    }
  }
  </code></pre>
  
  <p>Thanks in advance!</p>