Vue的使用方法 --------- 一学就会

1.搭建开发环境

1.1安装安装Node.js

首先需要下载Node.js安装包，
下载地址：https://nodejs.org/dist/v16.14.2/node-v16.14.2-x64.msi

Node.js的安装过程没有特别的注意事项，整个安装过程中都可以不必修改任何内容，直至其自动安装
完成

此安装包会自动配置环境变量，安装完成后，可检查npm命令是否可用，在操作系统的命令提示符下执
行以下命令即可：

npm -v

执行以上命令后，将显示版本号

1.2. 配置npm源

nmp源（即npm仓库，称之为：registry）默认是境外服务器，在国内使用时，访问速度较慢，通常，
在初次使用时，应该将npm源更换为国内的服务器地址，例如使用 https://registry.npmmirror.com
作为npm源。
配置npm源的命令如下

npm config set registry https://registry.npmmirror.com

当配置成功后，可通过 get 命令可查看npm源：

npm config get registry

2. 安装VUE Cli

安装VUE Cli的命令如下：

npm install -g @vue/cli

安装完成后，可通过以下命令检验VUE Cli是否安装成功：

vue -V

注意：以上命令中的 -V 中的 V 是大写的。
执行以上命令后，将显示当前的VUE Cli版本号

3. 创建第1个VUE CLI工程

3.1. 创建工程

通常使用Vue的命令来创建VUE CLI工程，并且，会将工程创建在执行命令时的位置，所以，先在命令
提示符窗口中进入Vue Workspace（自行指定的用于存放项目的文件夹）
是注释，不要执行）：

# 切换到D盘
d:
# 创建Vue的Workspace，文件夹名称为Vue-Workspace，是自定义名称
# 如果Vue的Workspace已经存在，则不需要执行接下来这条命令
# 如果使用IntelliJ IDEA开发VUE CLI工程，也可以直接使用IntelliJ IDEA的Workspace，无强制
要求
mkdir Vue-Workspace
# 进入D盘下的Vue-Workspace
cd Vue-Workspace

当进入Vue Workspace后，就可以创建工程了。
使用 vue create 命令即可创建VUE CLI工程，命令格式是：

vue create 工程名称

输入以上指令后，按下 Enter 键将准备创建工程，创建过程可能耗时较长，注意：不可反复按 Enter键，否则会自动选择后续各设置选项的默认项。创建过程中会有一些选项，根据自己的具体需要进行配置选择
配置过程结束后，接下来会自动创建工程，耗时取决于网络速度，通常需要30秒至5分钟左
右。如果未出现 Error 字样，通常是创建成功了。

3.2. 启动服务

可以使用IntelliJ IDEA或类似的开发工具来打开你的项目，并使用内置的
Terminal执行各个命令，使用方式与命令提示符窗口完全相同。
进入工程目录，执行 npm run serve 命令即可启动此工程的服务（过程中会编译打包此工程）：

npm run serve

至此一个Vue项目就成功创建了