写在前面

vue 和 React 不同，想要使用 vue 框架开发项目，只需要引入一个 vue.js 文件就可以了。

Vue 的引入方式有很多种，可根据需要选择不同的方式引入。这些引入或安装方式在 Vue 官网 上都有介绍，在这里仅作简单总结。

1. <script> 标签引入

1.1 下载 vue.js 到本地

可以从 Vue官网 上下载最新的 vue.js 文件到本地，然后使用 <script> 标签引入到本地项目中使用。

1.2 使用 CDN 引入

可以从 CDN 引入 vue，我这里经常使用 BootCDN 引入资源。

<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>

2. npm 或 yarn 安装

在开发较大型的项目应用时，可以选择 npm 或者 yarn 安装 vue，这样方便与 webpack 等打包工具配合。默认安装最新稳定版，若需指定版本号，写法为 vue@版本号。

npm install vue

yarn add vue

3. vue-cli 工具

vue-cli 官网
vue 的开发者为了方便用户能更快地上手开发 vue项目，提供了一款已经内置好 vue 开发需要的相关资源的工具，即 vue-cli 工具，用户可开箱即用。

vue-cli 默认使用的是 vue 的非完整版。

  1. npm install -g @vue/cli
  3. # OR
  5. yarn global add @vue/cli

安装好 vue-cli 工具后可查看对应的 vue 版本

vue --version

然后根据 vue-cli 工具的官方文档的创建项目的方式，根据需要选择对应的配置信息后，创建项目并进行开发。