网站建设感恩,2023智慧树网络营销答案,个人网站建设的方案,优秀网站设计模板经常有小伙伴问我说#xff0c;为什么我们在开发vue项目的时候#xff0c;需要在package.json的script对象中#xff0c;去设置命令启动项目#xff0c;而不是直接的通过vue-cli-service serve命令去把项目跑起来。带着这些疑问#xff0c;小生在此总结了以下…经常有小伙伴问我说为什么我们在开发vue项目的时候需要在package.json的script对象中去设置命令启动项目而不是直接的通过vue-cli-service serve命令去把项目跑起来。带着这些疑问小生在此总结了以下这个问题希望对读者有用从也希望可以给读者带来些启发。一vue-cli项目种为什么不能直接运行vue-cli-service命令二vue-cli项目种为什么不能直接运行vue-cli-service serve命令要通过npm run去运行 三为什么直接运行vue-cli-service serve会有路径问题而用npm run就不会有路径问题四vue-cli项目输入命令vue-cli-service serve提示不是内部命令的原因 以及如何解决一vue-cli项目种为什么不能直接运行vue-cli-service命令在一个新建的vue-cli项目中如果直接运行vue-cli-service命令是无法正常运行的因为vue-cli-service是一个工具需要配合具体的指令才能运行。例如想要启动项目需要运行vue-cli-service serve命令想要打包项目需要运行vue-cli-service build命令。因此我们需要在vue-cli-service命令后加上具体的指令才能正常运行。二vue-cli项目种为什么不能直接运行vue-cli-service serve命令要通过npm run去运行 在一个新建的vue-cli项目中我们可以使用vue-cli-service serve命令来启动项目但是我们通常不会直接运行这个命令而是在package.json文件中配置一个npm script来运行vue-cli-service serve。这是因为如果我们直接运行vue-cli-service serve可能会出现一些问题例如在不同的操作系统上命令的路径可能不同可能导致命令无法识别。在不同的开发环境中可能需要不同的参数例如指定端口号等。我们通常需要在启动项目之前进行一些准备工作例如编译代码、启动mock服务等这些工作可以通过npm script来实现。因此我们通常会在package.json文件中配置一个npm script来启动项目例如{scripts:{serve:vue-cli-service serve}
}然后在命令行中运行npm run serve即可启动项目。这样做的好处是可以方便地管理项目的依赖、配置和运行环境并且可以在不同的开发环境中进行兼容性测试。三为什么直接运行vue-cli-service serve会有路径问题而用npm run就不会有路径问题直接运行vue-cli-service serve命令可能会有路径问题是因为命令行中的路径不一定和vue-cli-service命令所在的路径一致。例如如果我们在命令行中执行vue-cli-service serve而此时的路径并不是vue-cli项目的根目录则会出现路径问题。而在项目的根目录中我们可以使用相对路径来引用vue-cli-service命令避免了路径问题。而使用npm run命令来启动vue-cli-service serve则不会有路径问题是因为npm run会在项目的根目录中执行命令这样就可以使用相对路径来引用vue-cli-service命令避免了路径问题。同时在npm run命令中我们还可以通过--prefix参数来指定命令执行的路径从而避免了路径问题。因此使用npm run命令来启动vue-cli-service serve是更加稳妥的做法。四vue-cli项目输入命令vue-cli-service serve提示不是内部命令的原因 以及如何解决如果在vue-cli项目中输入命令vue-cli-service serve时提示不是内部命令可能有以下几个原因vue-cli-service没有安装如果没有全局安装vue/cli或者在项目中安装vue/cli-service依赖就会导致vue-cli-service命令无法识别。可以通过全局安装或者在项目中安装vue/cli-service依赖来解决问题。环境变量未配置如果vue-cli-service已经安装但是输入命令时提示不是内部命令可能是因为环境变量未配置。可以通过将node_modules/.bin目录添加到环境变量中或者使用npx vue-cli-service serve命令来启动项目注意这是要在项目的根目录下启动才可以。命令行窗口没有打开项目目录如果在命令行窗口没有打开vue-cli项目目录那么输入vue-cli-service serve命令时会提示不是内部命令。可以通过在命令行窗口中进入项目目录后再输入vue-cli-service serve命令来解决问题。
