VSCode插件推荐-使用NPM-scripts实现侧边栏查看scripts脚本并一键执行

在进行项目开发时会在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

你可能感兴趣的:(VSCode插件推荐-使用NPM-scripts实现侧边栏查看scripts脚本并一键执行)