aio- cli- plugin- app- dev

• 这一指令是审视地方发展的新方法. 这使用了模拟器的方法,而不是模拟器.
• 支持无害环境管理和类型脚本行动.
• 应用构建器调试 Docs

图标

• aio app dev

aio app dev

本地运行您的 App 构建程序

USAGE
  $ aio app dev [-v] [--version] [-o] [-e <value>]

FLAGS
  -e, --extension=<value>  Run only a specific extension, this flag can only be specified once
  -o, --open               Open the default web browser after a successful run, only valid if your app has a front-end
  -v, --verbose            Verbose output
      --version            Show version

DESCRIPTION
  Run your App Builder app locally

参见代码 : src/commands/app/dev/index.js (中文(简体) )

覆盖主机名和端口

默认主机名为 localhost 默认端口为 9080。您可以通过设置这些环境变量来覆盖这些值:

1. SERVER_HOST
2. SERVER_DEFAULT_PORT

命令将尝试使用默认的端口, 如果无法使用, 它会找到一个开放的端口来取而代之 .

Visual Studio代码 Webpack 调试支持( 源代码地图)

要允许您在 Visual Studio 代码中对网络包装代码进行分步调试, 您必须添加一个 自定义网络包配置。 。 。 .

在您的项目根部, 添加一个 webpack-config.js 文件 :

module.exports = {
  devtool: 'inline-source-map'
}

类型脚本支持

在您的应用程序中安装这些节点模块 : npm install --save-dev ts-loader typescript

在您的项目根部, 添加一个 webpack-config.js 文件 :

module.exports = {
  devtool: 'inline-source-map',
  module: {
    rules: [
      {
        // includes, excludes are in tsconfig.json
        test: /\.ts?$/,
        exclude: /node_modules/,
        use: 'ts-loader'
      }
    ]
  }
}

在您的项目根部, 添加一个 tsconfig.json 文件 :

{
  "exclude": ["node_modules", "dist"],
  "compilerOptions": {
    "target": "ES6",
    "module": "ES6",
    "sourceMap": true
  }
}

与 TypeScript 有视觉工作室代码问题

https://github.com/microsoft/vscode/issues/221503 页面存档备份,存于互联网档案馆

捐款

欢迎捐款! 读取 贡献指南 更多信息.

许可证发放

这个项目根据Apache V2许可证获得许可. 见 自由主义 更多信息.