nodejs安装与配置，vue框架安装

凉水好啊

已于 2022-07-05 09:17:59 修改

阅读量1.6k

点赞数 1

文章标签： vue node.js

于 2022-06-24 12:42:01 首次发布

这篇博客详细介绍了Node.js的安装步骤，包括下载、安装过程和自定义仓库、环境变量的配置。同时，文章还指导如何配置淘宝镜像以加速下载。接着，文章转向Vue3的安装，包括卸载旧版本、安装新版本和设置环境变量。最后，通过vue ui和命令行两种方式，展示了创建Vue3项目的具体操作。

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

一、安装

1.下载地址：下载 | Node.js (nodejs.org)

2.安装过程

3.安装后，新建两个文件夹node_global和node_cache，目录结构：

4.基于vue3.X版本的脚手架创建vue项目

一、安装

1.下载地址：下载 | Node.js (nodejs.org)

2.安装过程

2.1更改安装路径

2.2

2.3后面就一路确定就行。

3.安装后，新建两个文件夹node_global和node_cache，目录结构：

二、配置

1.配置自定义仓库

1.1 打开cmd窗口（路径是上面自己建的文件位置），输入

npm config set prefix "E:\nodejs\nodejs16\node_global"

npm config set cache "E:\nodejs\nodejs16\node_cache"

1.2 上面警告的消除办法

查看是否成功

npm config ls

1.3 成功了，但还有些warn，解决：

将node_cache与node_global赋予用户权限（下面是修改node_cache的图片）

再次执行，解决

2.配置环境变量

系统变量中添加：变量NODE_PATH，值 E:\nodejs\nodejs16\node_global\node_modules

用户变量下的path 中添加 E:\nodejs\nodejs16\node_global

3.配置淘宝镜像

修改npm命令的仓库地址为淘宝镜像源

npm config set registry https://registry.npm.taobao.org

验证npm config get registry

三、安装vue3脚手架

1.卸载旧版本

卸载vue2.X

npm uninstall vue-cli -g

卸载vue3.X，指令

npm uninstall @vue/cli -g

2.安装

2.1 vue2.6

npm install -g vue-cli@2.6

2.2 vue3.x

npm install @vue/cli –g

3.配置环境变量

在系统变量的Path中添加 E:\nodejs\nodejs16\node_global

测试

vue -V

4.基于vue3.X版本的脚手架创建vue项目

4.1.使用vue ui图形界面创建vue3.X+项目

vue ui

4.2使用命令行创建vue3.X+项目

vue create <Project Name> //文件名 不支持驼峰（含大写字母）

4.3基于2.X的旧模板，创建旧版vue项目

npm install -g @vue/cli-init //第一次使用
vue init webpack my-project