在 Vue-Cli 上启动项目的最佳实践

【问题标题】：Best practice starting a project on Vue-Cli在 Vue-Cli 上启动项目的最佳实践
【发布时间】：2020-04-13 20:18:11
【问题描述】：

社区。p>

我注意到，当我使用具有 src 内容的现有文件启动新的 Vue-Cli 项目时，我应该创建安装 npm 等的开发环境，从而通过输入运行开发服务器npm run dev 与我在 Webstorm 中从头开始创建新项目的情况不同，因此一旦我运行开发服务器，就会在终端上输入 npm run serve。这两种情况，副作用和最佳实践有什么区别？

特别是，到底为什么会有这种差异？

【问题讨论】：

您介意详细解释一下 npm 方式如何，您采取哪些步骤？
npm run dev 没有记录在 vue-cli 文档中。所以，就用npm run serve来开发吧。
你可能已经过时了 Vue-CLI。 package.json 中的最新创建脚本 serve 而不是 dev。

标签： vue.js npm npm-install vue-cli

【解决方案1】：

@Adam Orlov 关于使用旧 vue-cli 的评论是绝对正确的。您可能在终端中使用旧的 vue cli。 Webstorm 可能正在从最新版本生成项目。

除此之外，npm run dev 和 npm run serve 只是在 package.json 中定义的 npm 脚本。您可以将命令更改为您喜欢的任何名称。最佳实践通常是不要更改 cli 工具设置的名称，直接使用它们。

【讨论】：

是的...我同意这是正确的。但我终于明白，我的情况更具体。我正在使用最新的 Vue-Cli。发生的事情是，我实际上是从 Udemy 课程中检索旧文件，然后在这些文件之上构建我的开发环境。我将从头开始构建项目，然后在 WebStorm 中创建新项目时仅替换给定的“开始代码”src 文件。您如何看待这种方法？考虑到我在此评论中的陈述，在我的具体情况下是否还有另一种最佳做法？
在这种情况下，Webstorm 项目将简单地处理所有事情。你只需要根据你的需要将你的代码安排在src文件夹中