课程准备与约定

浏览 43

课文

这一小节我们将完成学习 Vue 的前置准备工作,并了解整个课程中所遵循的约定。 # Vue.js 项目设置 **注意:** 在学习 Vue 之前,我们首先需要有一个 Vue 的开发环境。 这里推荐使用 VSCode 作为编辑器,使用 CDN 的方式安装 Vue.js。 VSCode 下载地址:[https://code.visualstudio.com/](https://code.visualstudio.com/) 我们需要知道,现在几乎每个框架或库都需要提前安装,安装完成后,再通过命令行界面 (CLI) 或手动创建项目。Vue.js 同样提供了用于创建项目的 CLI 工具。但是目前我们不考虑使用这种方式,因为它有一定的操作门槛。而且 Vue.js 可以通过 `<script>` 标签的形式集成到任何网页中,这种方式非常有利于新手学习。 在本课程中,我们提供了有关如何使用 `<script>` 标签导入 Vue.js 的说明。 通过 `<script>` 标签导入 Vue.js 可以随时随地为任何网页带来 Vue.js 的强大功能和特性。虽然在真实的情况下我们大概率会使用 Vue-CLI 或者 Vite 来创建项目,但它们目前都不能直接为我们学习 Vue.js 提供帮助,对于初学者来说,学习使用这些东西可能是一项无关紧要而且复杂的任务。 由于这是一门入门级课程,我们将遵循从网页的 HTML 中导入所需 Vue.js 的方法,如以下代码片段所示。 ```html <!DOCTYPE html> <html> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <body> <div id='#app'></div> </body> </html> ``` 上面这段代码,已经为我们加载了一个简单的 Vue.js 应用程序! 你注意到上面代码中的**第 3 行**了吗? ```html <script src="https://cdn.jsdelivr.net/npm/vue"></script> ``` 这个 script 标签负责将 Vue.js 导入我们的网页中。 # 挑战 在每学完一个概念之后,我们都会提供编码挑战,以测试您在学习过程中是否真的学会了这项技能。如果您感到困难,这些挑战还将提供**提示**。最终,会给您一个我们认为不错的**解决方案**。 # 测验 除了挑战之外,系统还会根据公司的用人需求和面试题库,为您提供一套测验,以测试您对概念的理解。

评论

登录参与讨论

暂无评论

共 0 条
  • 1
前往
  • 1