vscode中启动、打包vue项目便捷方式(launch.json)

1、在vscode中配置launch.json文件,在.vscode目录下

vscode中启动、打包vue项目便捷方式(launch.json)_第1张图片

 

2-1、launch.json配置文件详情内容

可以直接把这个文件copy到本地的项目中,configurations中的command是你执行操作输入的命令行

比如你的项目启动命令为npm run server ,那么 "command": "npm run server",

{

    // 使用 IntelliSense 了解相关属性。

    // 悬停以查看现有属性的描述。

    // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387

    "version": "0.2.0",

    "configurations": [

        {

            "command": "pnpm dev",

            "name": "启动服务",

            "request": "launch",

            "type": "node-terminal"

        },

        {

            "command": "pnpm build",

            "name": "打包项目",

            "request": "launch",

            "type": "node-terminal"

        }

    ]

}

2-2、配置文件的配置参数和package.json的文件说明

配置完成后,先后点击1,2即可启动项目

vscode中启动、打包vue项目便捷方式(launch.json)_第2张图片 

 

你可能感兴趣的:(vue.js,vscode,前端)