Vue安装

1、Vue CLI

Vue.js开发的标准工具，VueCLl是一个基于Vue.js进行快速开发的完整系统。

2、vue官网：vuejs.org

vue中文网址：cn.vuejs.org

vue3网址：v3.vuejs.org

3、安装vue

首先打开电脑的命令窗口：win+R快捷键，输入cmd，打开命令窗口输入以下命令

cnpm install -g @vue/cli

前面的c能够提升速度，加载的更快。

如果显示：

 

可以使用：

注意：如果去掉c仍然报错，要查看是否有node：使用 node -v 查看

如果没有node，要下载node:

Node.js — 下载 Node.js®

下载完成之后，输入node -v查看，npm -v查看。

输入：

npm install -g @vue/cli

出现报错：

 

此时依次输入： 

npm config set proxy null

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

npm install -g pnpm

npm install -g pnpm@5.15.0

npm install -g npm@latest

npm install -g @vue/cli

验证安装是否成功

vue --version

4、打开visual studio Code

创建一个文件，打开终端，在终端输入

vue create vue-demo

①vue-demo是创建的vue的文件名字，可以用 - 连接，不能大写。

②在控制台中，上下键调整选项，空格决定选中或者取消。

③首先出现的是选择3版本，2版本，手动选择。（选择手动选择）

第二步按上下按键，选择Babel和Progressive Web App(PWA) Support，Linter/Formatter代表代码规范化，取消掉避免麻烦。

第三步选择3.x

第四步选择放在专用的配置文件中（默认即可）

第五步选择NO（不保存，因为后期可能涉及到别的内容）

5、运行项目

进入项目根目录

cd vue-demo

运行项目

npm run serve

6、安装高亮插件（代码是白色的，不方便看）

需要安装插件vetur（针对Vue2）或者volar（针对Vue3）

7、Local:http://localhost:8080/

在网址输入localhost：8080就会看到对应的内容