一、直接用script标签引入

如果直接用script标签引入，Vue会被注册为一个全局变量。

直接引入分为

1.开发版本

2.生产版本

开发版本的引入为：

<!--开发版本-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>

生产版本的引入为：

<!--生产版本-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>

一、npm安装

1.我们先从node官网下载并安装node.js,安装node.js的作用就是利用npm资源管理器下载插件等…

2.安装好的node试一下查看是不是安装成功,window键+r输入cmd进入系统管理器

进入系统命令页面输入 node -v 检查是否安装成功

如果显示版本号，那么证明node安装成功了

3.2.安装npm管理器

npm包管理器，是集成在node中的，所以安装了node也就有了npm。有了npm就可以去下载资源库文件，可以通过命令进行下载了，先查看一下npm的版本号

npm -v

如果显示版本号，那么证明npm也安装成功了

4.安装vue脚手架构建工具

在系统管理台输入

npm install -g vue-cli然后耐心等待安装…

如下图:

完成后，环境搭建和准备任务就差不多了，现在就可以用vue-cli来创建项目。可以在一个空白的文件下创建使用，这样显着不是太乱，不然等你的项目创建出来之后也不知道放哪里了。

5.然后我们选择文件夹来创建项目

你想要在哪个文件中创建项目，就在上方输入cmd，然后按下回车按钮。

如图:

然后弹出一个命令框,在命令框中输入vue create 你要创建的项目名