VSCode插件推荐-使用NPM-scripts实现侧边栏查看s

在进行项目开发时会在package.json的scripts配置一些执行脚本

示意图.png

每次启动项目或者打包项目时，都需要打开终端，并手动输入npm run dev等指令，不同的项目配置的脚本指令可能又不相同，这里我们可以借助vscode的npm-scripts插件实现scripts的快速预览并一键执行，首先在插件市场，搜索npm-scripts

image.png
找到这个插件并点击install进行安装，安装好了之后在侧边栏的下方就会多出一个NPM SCRIPTS栏
image.png

此时点击一条命令，如点击dev，会在控制台出现一条命令： auto run serve，并出现报错信息

image.png

脚本执行默认为auto，需要进行修改才行

设置Package Manager

打开设置

image.png

搜索 package manager，将auto都改为npm就可以了

image.png

完成以上设置后，就可以直接使用侧栏的NPM SCRIPTS启动命令了

image.png