Vue3脚手架安装vue @/cli

Posted 2021-09-07 月疯

@vue/cli是一个Vue脚手架，用来快速构建模块化项目结构

系统环境：
-node环境：node -v
-npm环境：npm -v
-nrm环境: nrm ls

安装node.js

网址：https://nodejs.org/zh-cn/download/

这里选择windows64位.msi格式安装包

.msi和.zip格式区别：

• .msi是Windows installer开发出来的程序安装文件，它可以让你安装，修改，卸载你所安装的程序。说白了.msi就是Windows installer的数据包，把所有和安装文件相关的内容封装在一个包里。
• .zip是一个压缩包，解压之后即可，不需要安装

npm package manager表示npm包管理器

online documentation shortcuts 在线文档快捷方式

Add to PATH添加node安装路径到环境变量

 

打开cmd检查是否安装成功！

 

npm安装nrm，（为了提高模块之间的效率，我们使用绩效仓库，借助nrm我们可以很方便的切换到淘宝的绩效仓库，nrm主要就是用来npm仓库的切换。） 

npm install nrm -g 

 

 执行报错，卧槽。

解决方法：
找到nrm所在目录，一般是c盘用户文件夹下：C:\\Users\\Administrator.DESKTOP-QE1TR6H\\AppData\\Roaming\\npm\\node_modules\\nrm

 

 打开cli.js

找到下面这一行代码注释掉

const NRMRC = path.join(process.env.HOME, '.nrmrc');

替换为下面的新代码 

const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');

 

再次执行：nrm ls

 

 这就安装成功了！！！

默认是npm仓库，带有*的表示当前的绩效仓库

 

切换到淘宝的绩效仓库！！！！！国内一般都是淘宝仓库。

 nrm use taobao

 

表示切换成功。

安装脚手架：

全局安装：npm install @vue/cli -g(需要具有管理员权限)
验证安装：vue --version

输入cmd，右键，管理员身份 

 

 

输入:vue --version 

 

 表示安装成功！

到这里脚手架就彻底安装好了！！！！！！！！！！