#在vue-element-admin中,package.json怎么设置命令,vue项目运行的时候,通过命令一个运行本地mock,一个运行服务器域名端口

#在vue-element-admin中,package.json怎么设置命令,vue项目运行的时候,通过命令一个运行本地mock,一个运行服务器域名端口?vue.config.js
文件需要配置东西吗?

img

加个script指令

  • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7600779
  • 这篇博客也不错, 你可以看下vue package.json项目名 只能设置小写 办法
  • 除此之外, 这篇博客: vue package.json 脚本使用中的 二、前端工程化并行方案实现 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 以上配置的项目我们可以通过npm run serve来运行我们的web工程(这里是起了一个本地服务),并可以在浏览器访问该服务。如果我们项目不只有一个web服务,我们还需要一个mock接口模拟服务(用来模拟后端接口返回数据),我们可以做如下配置:

    // package.json,concurrently(同时)
    "scripts": {
        "serve": "concurrently \"npm:mock\" \"vue-cli-service serve\"" // 使用concurrently解决方案,这里需要注意转义符的使用
        "mock": "cd mock && ts-node-dev mock-server.ts"
    }
    

    当我们运行npm run serve的时候两个服务都会在同一个Terminal中运行,并且只需要在当前Terminal通过一次Ctrl+C就能结束两个服务。这就是并行前端工程。其中Concurrently是一个需要额外安装的插件

    npm install concurrently --save
    

使用 npm run 命令运行脚本时,可以通过在命令后面添加 -- 和参数来传递参数
npm run -- 是要运行的脚本命令的名称, 是要传递的参数。