零基础（二）——vue/cli脚手架安装

搭建vue的方法有很多，这里我们给大家介绍两种方法。

一、使用命令行安装（不推荐新手）

首先，先确认是否有安装vue/cli.

如果有安装的话就可以直接开始创建项目。
如果安装了但是不是不想要的版本之类的，可以卸载再安装指定的版本。

//安装(如果需要指定版本，则在后面加：@版本号)
npm install @vue/cli -g@版本号
//卸载
npm uninstall cue/cli -g

注意：
3.0以下的版本是使用vue-cli
3.0以上的版本是使用vue/cl
Ps. 后面创建项目时版本不同，创建命令也有所不同，这里以3.0以上版本为例。

创建项目

1. 在命令提示符对话框中输入：vue create 项目名 进行创建。
2. 在弹出的命令中根据自己的需求选择默认或手动。
   
3. 安装成功后，你可以在你的项目文件夹里看到刚刚新建的项目。
4. 然后在命令提示符对话框中，选择目录和开始运行。
   
5. 最后访问给出的地址，就打开了vue界面。
   注意：在做项目时不能关闭cmd窗口。
   

二、直接使用script引入

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

• 首先进入官网，然后点击下图中的按钮选择性的进行下载vue.js文件。

• 然后在你的文档中引入相应的文件。

网页链接方式

//对于制作原型或学习，你可以这样使用最新版本：
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>


//对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏：
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>


如果你使用原生 ES Modules，这里也有一个兼容 ES Module 的构建文件：
<script type="module">
  import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.esm.browser.js'
</script>

本地引用方式
也可以下载下来然后再引用。

<script src="vue.js" type="text/javascript" charset="utf-8"></script>