系列一、vue基础-优快云博客

本文链接：https://blog.youkuaiyun.com/HelloWorld20161112/article/details/130757006

Vue是一个渐进式的MVVM框架，专注于视图层，易于上手并可与其他库集成。要开始使用Vue，首先需安装NodeJS和NPM，然后通过npm设置VueCLI。安装完成后，可以使用vue-cli来创建和管理Vue项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、概述

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

特点：

1、只关注视图层

2、MVVM框架

二、基本环境搭建

2.1、首选需要安装两个东西

NodeJS、NPM。直接在百度搜索下载安装即可，安装完NodeJS后，npm也就有了，可以在cmd控制台验证是否安装成功。

# NodeJS官网
https://nodejs.org/zh-cn

# 我分享的链接
链接：https://pan.baidu.com/s/1xlANHl4X16P-tUD71zlMzg?pwd=yyds 
提取码：yyds

2.2、验证安装是否成功

C:\Users\Administrator>node -v

C:\Users\Administrator>npm -v

2.3、安装Vue工具

# 执行 npm install 命令时，默认使用的是国外的下载源 ，可以通过如下代码配置为使用淘宝的镜像
npm config set registry https://registry.npm.taobao.org
说明：此镜像已过期
npm config set registry https://registry.npmmirror.com


# 只需要第一次安装时执行
npm install -g vue-cli
或者
npm install -g @vue/cli

2.4、坑

如果遇到下面的错误：

请按照如下步骤进行解决：

1、清空缓存
npm cache clean --force
2、查看当前的npm镜像设置
npm config get registry
3、切换新镜像源
npm config set registry https://registry.npmmirror.com
4、查看新源是否设置成功
npm config get registry

题外话：原因分析

参考链接：request to https://registry.npm.taobao.org/ant-design-vue failed, reason: certificate has expire - cn2025 - 博客园