如何在 mac 上使用 codekit 设置 Vue JS 项目答案

【问题标题】：How do I setup a Vue JS project with codekit on mac如何在 mac 上使用 codekit 设置 Vue JS 项目
【发布时间】：2018-06-15 09:27:20
【问题描述】：

您好，我是 CLI 的新手，如何在我的 Mac 上使用 Codekit 设置 vue js 项目？

谢谢

【问题讨论】：

标签： vuejs2 codekit

【解决方案1】：

您可能知道，关于 VueJS 和 Codekit 的参考资料并不多。就 Vue 项目而言，vue-cli 是一个不错的选择（对于 Vue 新手来说可能有点高级）。它有几个模板可供您选择，其中包含自动工作流程（转译、捆绑等）在 >> Read more

如果你想一试身手，你可以简单地在你的 index.html 文件中引用 VueJS 库。这个unpkg 链接将为您提供最新版本的库。希望这可以帮助。抱歉，如果我没有按照您的喜好回答...这实际上是我在这里的第一个回答。

【讨论】：

【解决方案2】：

Vue 是一个“普通”的 javascript 库，因此可以像导入其他模块、库和框架（如 jQuery）一样将imported 到您的项目中。查看 CodeKit 网站中标题为“Javascript Bundling”的 the video 或 CodeKit 手册中的 read the Rollup page - 它很好地解释了该过程。这允许您在项目中使用 Vue 风格的 javascript，以及导入现有的、预编译的 Vue UI 组件，这些组件可以在网络上找到。

然而，当您学习 Vue 时，您会发现我们鼓励您编写的大部分代码都进入了.vue 组件文件。这些是独立的文件，其中包括元素需要工作的 HTML、CSS 和 Vue 样式的 javascript。这些文件通常使用 vue-cli 工具编译，然后包含在项目中。 CodeKit - 从版本 3.9.2 开始 - 无法为您直接编译这些复杂的.vue 组件文件。 - 不是开箱即用的。有一个GitHub Issue 与此相关，如果您希望程序员将此功能添加到未来的版本中，请在此处发表评论 - 他获得的 cmets 越多，他就越有可能尽快添加。

最后，如果您真的想尝试使用 CodeKit 编译您的 .vue 文件，您可以让 CodeKit 将它们视为编写在 custom language 中的文件。这是让 CodeKit 为您自动处理它们的唯一方法，但需要您：安装 Node、vue-cli 和您可能需要的任何其他 Vue 相关工具，然后在 CodeKit 首选项中设置自定义处理。但是，如果您遇到了所有这些麻烦，您不妨尝试直接使用命令行...我希望这会有所帮助！

【讨论】：