关于webStorm或者idea配置vue项目时几个选项的含义

最新推荐文章于 2023-11-04 16:35:35 发布

原创最新推荐文章于 2023-11-04 16:35:35 发布 · 542 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#webStorm #vue项目

在webStorm中配置vue项目时，关于command和scripts选项的含义可能不太清楚。command选项用于指定npm或yarn的CLI命令，如`run`和`start`，目的是为了方便运行vue项目。scripts选项则允许你在所选命令后添加自定义脚本，这与package.json中的配置相关。当接手他人项目或自定义配置时，了解这些选项能帮助更好地管理和运行vue项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一般我们在webStorm中配置一个vue项目是通过这样的流程配置的
在这里插入图片描述
然后

在这里插入图片描述
刚开始接触vue的时候网上百度人家都是告诉我怎么怎么选但是都没说为什么这么选，这两个选项有什么含义，今天结合idea官网的使用教程对这一块就有了了解(ps:其他几个选项只要你的vue环境配置好应该不需要选择自动配好的，像package.json这种东西了解了vue的人就应该知道在哪)。

关于command选项，官网的解释在这里插入图片描述
大致意思就是说这个选项指的就是npm的cli命令，让你去参考npm的cli文档，啥叫cli命令，其实就是npm install 、npm -v 、npm init 、npm run之类的这些，当然配置这些东西我们的目的只是为了方便跑vue项目，所以这里选择run和start就好了，但是如果你的项目的js包管理工具使用的是yarn的话，那就只能选择run了，因为没有 yarn start这样的命令，这里有一个npm和yarn的常用命令对照
在这里插入图片描述
关于scripts，官方的解释

这个意思是说在你所选择的命令后添加合适的脚本，这个选项的选择和你在package.json中的配置有关，参考网上的一个package.json的配置

一般你导入别人的项目的话，这一块肯定人家都写好了，但如果你想自己写的话可以参考下面这位大佬的文章
http://www.ruanyifeng.com/blog/2016/10/npm_scripts.html