安装vue脚手架 保姆级教程

安装vue脚手架之前要安装node.js

1.下载node.js  https://nodejs.org/ 我下载的是 18的 安装一直下一步就可以了

默认安装的是C盘

window+r 打开对话框输入cmd

输入node -v 和 npm -v

 没报错那就下一步

在node.js文件夹内创建 node_global文件夹 和 node_cache文件夹

 创建好以后 查看>显示>把显示扩展名和隐藏项目打开

在C盘>User>用户>.npmrc这个文件删掉 如果没有这文件要打开隐藏文件 才会显示

后面安装cnpm的时候 他存在的话会安装不了 下一步了

接着在命令提示符窗口运行：
npm config set prefix “D:\Program Files\nodejs\node_global”
npm config set cache “D:\Program Files\nodejs\node_cache”

 window+E找到此电脑右键>属性>高级系统设置>环境变量

找到系统变量>path

在系统变量内找到path

 然后对path进行编辑 去C盘默认安装的node.js找到node_modules 复制路径 

在环境变量 path中点击新建 添加刚刚复制的路径

 然后在用户变量 path中添加C盘默认安装node.js的node_global

 

添加成功后我们重新打开 win+r 输入 cmd 

输入npm install -g cnpm --registry=https://registry.npm.taobao.org 安装淘宝镜像 不然安装脚手架会很慢

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

输入cnpm -v

 如果出现这样说明安装成功

如果没有安装成功可以私聊我

安装成功后下一步 安装vue脚手架

输入cnpm install -g @vue/cli

安装过程如果不动了 按一下回车键/ENTER

安装好后 重启一下cmd

检查vue是否安装成功 vue -V 或者 vue --version

然后输入 vue create 项目名名称 比如 vue create MyApp

然后就是选择vue2还是vue3了 看自己

创建好以后 根据提示输入cd 跳转到MyApp

然后 npm run serve 运行

复制那个地址去浏览器中打开即可

如果安装过程出现什么问题可以私聊我 

因为我按照这个很多次了 也遇到很多不重样的问题 系我我可以帮助你噢~