如何在 mac 上使用代码套件设置 Vue JS 项目



嗨,我是 CLI 的新手,如何在我的 Mac 上使用 Codekit 设置 vue js 项目?

谢谢

你可能知道,关于 VueJS 和 Codekit 的参考资料并不多。就 Vue 项目而言,vue-cli 是一个不错的选择(对于那些刚接触 Vue 的人来说可能有点高级)。它有几个模板,您可以从中选择自动化工作流程(转译、捆绑等),直接烘焙>> 阅读更多

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

Vue 是一个"普通"的 JavaScript 库,因此可以像导入其他模块、库和框架(如 jQuery)一样import到项目中。看看CodeKit网站上标题为"Javascript Bundleling"的视频,或者阅读CodeKit手册中的Rollup页面 - 它很好地解释了这个过程。这允许你在项目中使用 Vue 风格的 javascript,以及导入现有的、预编译的 Vue UI 组件,你可以在网络上找到这些组件。

然而,当你学习 Vue 时,你会发现你被鼓励编写的大部分代码都进入了.vue组件文件中。这些是自包含的文件,其中包括元素需要工作的 HTML、CSS 和 Vue 风格的 JavaScript。这些文件通常使用 vue-cli 工具编译,然后包含在项目中。CodeKit - 从版本 3.9.2 开始 - 无法直接为您编译这些复杂的.vue组件文件。- 不是开箱即用的。有一个关于这个的GitHub问题,如果您希望程序员将此功能添加到未来的版本中,请在那里发表评论- 他得到的评论越多,他就越有可能很快添加它。

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

相关内容

最新更新