首页 > 软件下载阅读：1

零基础入门Vue：超详细Vue下载安装及环境配置教程（附安装包，图文详解）

着急下载 vue.js 的，直接提供下载地址：vue安装包

Vue 是一个用于构建用户界面的渐进式 JavaScript 框架。“渐进式”意味着你可以从小处着手，只在页面的某一部分使用 Vue，也可以用它来构建复杂的单页应用程序。

Vue.js的核心特点：

响应式数据绑定：这是Vue最强大的特性之一。当你改变数据（比如用户输入文本）时，界面会自动更新，无需手动操作DOM元素。这就像Excel表格中的公式计算——修改一个单元格，相关单元格自动重新计算。
组件化开发：Vue允许你将界面拆分成独立的、可复用的组件。每个组件包含自己的HTML、CSS和JavaScript，就像乐高积木一样，可以组合构建出复杂的界面。
轻量高效：Vue的核心库只有约20KB（gzipped后），加载速度快，对性能影响小。
学习曲线平缓：相比于其他前端框架，Vue的API设计更加直观，文档完善，对新手友好。
活跃的生态系统：Vue拥有丰富的官方库（Vue Router用于路由、Vuex/Pinia用于状态管理）和第三方插件，几乎能满足所有开发需求。

一、下载Node.js

Node.js下载地址：https://pan.quark.cn/s/c84c73c8f981

二、安装Node.js

下载好 Node.js 的安装包后，双击启动安装。

1.点next

2.勾选I accept…，点next

3.这里建议更改为自己想要的的安装目录，然后点next（可以自己先建好安装目录，我这里是提前建好的一个目录：E:\Java\nodejs）

4.这里有五个选项，有时间可以看一下，就是安装的时候会安装一些组件和npm，同时会添加环境变量，右侧有说明。我们直接点next

5.这里不用勾选，直接点next

6.点击 install：

7.安装完成后，检查一下是否安装成功。

打开cmd，输入如下指令。
node -v
npm -v

8.输出了版本号就说明安装成功了。安装后的完整目录：

在我们的安装目录下，创建名为node_cache和node_global的两个文件夹。

2.打开 Dos 窗口，执行如下命令，将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。
npm config set prefix “你的安装目录\node_global”

npm config set cache “你的安装目录\node_cache”

为了以后下载包快速，修改源为淘宝镜像。（这里修改了，我们就不需要安装cnpm了，因为cnpm就是**Node.js淘宝镜像加速器，**这里配置了就不需要安装了）
npm config set registry https://registry.npm.taobao.org

3.查看npm配置修改是否成功
npm config list

4.同时我们会发现多了个文件：C:\Users\用户名\下的.npmrc文件，可以理解为一个记录当前用户修改信息的配置文件。如果你把这个文件删了，那你刚刚修改的那些参数全没有了，回归默认配置。

四、配置环境变量

在安装过程中，自动配置了两个环境变量一个是环境变量—用户变量—Path里面的C:\Users\你的用户名\AppData\Roaming\npm另一个是环境变量—系统变量—Path里面的软件安装目录，我们需要增加和修改一下。

1.环境变量—用户变量—选中Path—点编辑

将 C:\Users\你的用户名\AppData\Roaming\npm 修改为你的安装目录\node_global

2. 环境变量—系统变量—新建

变量名：NODE_PATH

变量值：你的安装目录\node_global\node_modules

注：这里的node_modules目录是还没有的，但是我们等会把模块安装到全局目录下就会自动生成这个文件夹。

记得在系统变量—Path添加上%NODE_PATH%

五、安装vue

1. 安装vue.js

npm install vue -g
其中-g是全局安装，指安装到global全局目录去，如果不加-g，模块就会安装到当前路径下的node_modules文件夹下，没有目录则自动创建。

如果出现了这个问题，是因为当前用户没有这个权限。

网上有些方法是删除C:\Users\用户名\下的.npmrc文件，万万不可这样，因为那个文件删除了，我们前面修改的全局模块目录和缓存目录配置就没了！！！到时候vue包就下载到C:\Users\你的用户名\AppData\Roaming\npm去了，也就是默认的地方去了，那我们前面修改就没意义了。

正确的打开方式是，用管理员身份运行呗！

Win + s 搜索 “命令提示符”，右键以管理员身份运行。