课程准备与约定
浏览 743
课文
这一小节我们将完成学习 Vue 的前置准备工作，并了解整个课程中所遵循的约定。
Vue.js 项目设置
注意： 在学习 Vue 之前，我们首先需要有一个 Vue 的开发环境。
这里推荐使用 VSCode 作为编辑器，使用 CDN 的方式安装 Vue.js。
VSCode 下载地址：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 的方法，如以下代码片段所示。
<!DOCTYPE html>
<html>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<body>
<div id='#app'></div>
</body>
</html>
上面这段代码，已经为我们加载了一个简单的 Vue.js 应用程序！
你注意到上面代码中的第 3 行了吗？
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
这个 script 标签负责将 Vue.js 导入我们的网页中。
挑战
在每学完一个概念之后，我们都会提供编码挑战，以测试您在学习过程中是否真的学会了这项技能。如果您感到困难，这些挑战还将提供提示。最终，会给您一个我们认为不错的解决方案。
测验
除了挑战之外，系统还会根据公司的用人需求和面试题库，为您提供一套测验，以测试您对概念的理解。
评论
暂无评论