3. 创建Vue项目之前,要先确定已经安装了vue的脚手架 vue-cli,
2. 安装vue脚手架,要确定电脑已经安装了node.js
1. node.js 可以同一台电脑安装多个版本
安装多个版本的node,需要从 低版本 到 高版本 安装,已经安装了高版本的,可以先卸载了,再重新从低版本开始安装。
1.1. 卸载已有的高版本node
1. 卸载node.js的方法:
(1)就是你在安装这个软件以后,这个软件就自己带有一个卸载的程序,你只要点击:开始—程序—找到这个程序----上面就会有这个程序的卸载程序。uninstall node.js
(2)就是通过“卸载程序”来卸载,这个程序一般的Windows,自己都会带这个程序,你点:开始–控制面板—卸载程序----找到这个要卸载的程序—点“卸载”就OK了。
2. 检查是否卸载成功
(1)在原文件目录查看是否卸载干净
(2)win+R,输入cmd,打开控制台,输入node -v,查看版本
(3)win+R,输入cmd,打开控制台,输入where node,查看文件所在目录
没有安装node的见面,是这样的:
1.2.下载需要的node版本
下载node的版本 ,可以在 官网 下载需要的版本,或者点击历史版本 nodejs.org/dist/ 也可以。
建议下载 .zip 压缩文档,文档小,下载速度快,想安装在哪里就在哪里解压。
1.3. 安装node.js
安装之前,先选择一个安装位置,可以不在C盘,我的是E盘,新建一个nodejs的文件夹,里边放各个版本的安装包,文件夹名改成 版本号,各个版本的文件夹之间不要嵌套,可以同时安装
1.4. 配置环境变量
右键点击此电脑–>属性–>高级系统设置–>环境变量,找到Path,点编辑,写安装的版本文件路径。(路径怕写不对的话,可以找到文件夹,复制路径,在这里粘贴)编辑完以后,点“确定”,就可以了。
1.5. 查看是否安装成功:node -v,查看版本
查看node的安装位置:where node
1.6. 切换版本的话可以在环境变量中,把要用的版本上移到其他版本的最上面,就可以了
2.1. 查看 node 版本
node -v
或者
node --version
2.2. npm,包管理工具,需要配置仓库镜像地址,改为中国仓库镜像地址。
查看当前镜像地址:npm get registry
设置镜像地址的命令:
npm set registry https://registry.npmmirror.com/ (淘宝)
npm set registry https://mirrors.huaweicloud.com/repository/npm/ (华为)
关于使用 淘宝镜像 https://registry.npm.taobao.org 报错的问题
是因为从 2024 年1 月 22 日,淘宝原镜像域名(registry.npm.taobao.org)的 HTTPS 证书正式到期,这就导致旧的 npm 淘宝镜像在使用时出错了,所以遇到上述问题,或者还在使用旧的 npm 淘宝镜像,直接将 npm 源切换到新的源即可
// 1. 清空缓存
npm cache clean --force
// 2. 切换新源
npm config set registry https://registry.npmmirror.com
2.3. 安装vue脚手架
npm i -g @vue/cli
或者
npm install -g @vue/cli
(“-g” 在 “@vue-cli” 前边也行,后边也行)
2.4. 安装成功后,配置环境变量(同上边的1.4)
这是我的vue.cmd 文件存在的位置 C:\Users\Administrator\AppData\Roaming\npm
怎么查看你的vue.cmd 文件在哪里: npm config list
看看 “prefix” 里边的路径是什么就可以了
2.5. 查看版本
重启cmd窗口
vue --version
或者
vue -V (V 是大写的)
3. 创建Vue项目
vue create 你项目的名称