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

Question

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

由于

Answer 1

您可能知道，关于VueJS和Codekit的参考文献并不多。就Vue项目而言，vue-cli是一个很好的方法（对于那些刚接触Vue的人来说可能有点先进）。它有几个模板，您可以从中选择具有自动化工作流程（转换，捆绑等），并在＆gt;＆gt;中烘焙。 Read more

如果你想在地面上运行，你可以简单地在index.html文件中引用VueJS库。这个unpkg链接将为您提供最新版本的库。希望这可以帮助。对不起，如果我没有按你的喜好回答......这就是我在这里的第一个答案。

Answer 2

Vue是一个“普通” JavaScript库，因此可以像导入其他模块，库和框架（如jQuery）一样import进入项目。看看CodeKit网站上名为{Javascript Bundling“的the video或CodeKit手册中的read the Rollup page-它可以很好地说明这一过程。这使您可以在项目中使用Vue样式的javascript，以及导入可以在网上找到的现有的，预编译的Vue UI组件。

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

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