vue如何自定义配置运行run命令

要自定义配置Vue的run命令，需要在项目根目录中创建一个vue.config.js文件，并在该文件中向导出的配置对象的devServer属性下添加相应的配置，例如：

// vue.config.js

module.exports = {
  devServer: {
    port: 8080,
    open: true,
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true
      }
    }
  }
}

上面的配置作用为：

• 设置开发服务器使用的端口为8080
• 启动开发服务器时自动打开浏览器
• 将所有以/api开头的请求代理到http://localhost:3000上，并启用跨域

除了上述示例中的属性之外，还可以使用其他的属性来配置开发服务器，完整的配置项可以查看Vue官方文档。

另外，还可以在配置对象中通过chainWebpack和configureWebpack来自定义webpack配置。例如，在配置过程中需要使用less和scss预处理器，可以通过以下方式进行配置：

// vue.config.js

module.exports = {
  chainWebpack: config => {
    const lessRule = config.module.rule('less');
    lessRule.test(/\.less$/);
    lessRule.use('style').loader('style-loader');
    lessRule.use('css').loader('css-loader');
    lessRule.use('less').loader('less-loader');

    const scssRule = config.module.rule('scss');
    scssRule.test(/\.scss$/);
    scssRule.use('style').loader('style-loader');
    scssRule.use('css').loader('css-loader');
    scssRule.use('scss').loader('sass-loader');
  },
  configureWebpack: {
    devtool: 'source-map'
  }
}

上述配置中通过chainWebpack来自定义less和scss预处理器的loader配置，通过configureWebpack来添加source-map选项来生成sourcemap文件。

除了上述示例中的配置之外，还可以使用其他的chainWebpack和configureWebpack的选项来自定义webpack配置，详细可以参考Vue官方文档。