Vue3脚手架安装vue @/cli

@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

表示安装成功！

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

Vue3脚手架安装vue @/cli相关推荐

离线安装vue脚手架，内网安装@vue/cli
公司开发环境使用内网,无法用外网,搭建环境的时候,发现内网系统没有安装vue脚手架,我搜了很多文章,发现他们的方法对我都不适用,然后就自己摸索,最终皇天不负有心人,终于被我安装上了,一下是我内网离线安 ...
安装@vue/cli报错，npm ERR! gyp ERR! not ok
在执行命令 npm install -g @vue/cli 来安装vue脚手架时,出现下图所示的错误,最后发现是镜像源的原因导致安装失败. 解决方式: 1.安装淘宝镜像源: npm install - ...
yarn全局安装vue/cli vue不是内部命令
yarn全局安装vue/cli vue不是内部命令在使用 yarn global add @vue/cli安装 @vue/cli之后执行vue --version 报错:'vue' 不是内部或外部 ...
安装vue cli失败，显示this package has been deprecated in favour的解决办法
安装vue cli遇到的一个问题,尝试了几个办法,最终成功解决. 解决方法步骤: 1,配置淘宝镜像:npm config set registry https://registry.npm.taoba ...
安装vue cli失败——解决方案探索
温馨提示,该文分为两个部分:Part1探索原因:Part2解决问题.小伙伴可以直接从分割线后开始看! Part 1 错误提示: 先查看以下自己电脑上安装地node版本. node -v 然后去下面的连 ...
Mac 环境安装 Vue Cli
一.检查 Node 环境 node -v npm -v 如果没有 Node 环境,则需要先安装,可以直接到 Node.js 中文网下载. 快速链接 Node.js 中文网 >>> 二 ...
使用Yarn全局安装@vue/cli，无法执行vue命令的解决方案
使用Yarn全局安装@vue/cli,无法执行vue命令的解决方案使用Yarn全局安装@vue/cli,无法执行vue命令的解决方案使用Yarn全局安装@vue/cli,无法执行vue命令的解决方 ...
安装Vue CLI项目（Vue2.0）
一.Vue CLI脚手架(Vue2.0) Vue CLI官方文档:官方文档 1.什么是脚手架命令行界面(英语:command-line interface,缩写:CLI)是在图形用户界面得到普及 ...
vue搜不到c_vue不是内部命令、安装@vue/cli失败、找不到vue.cmd文件等问题的解决方法...
最近打算用vue-cli写项目,发现用官网提供的安装方式npm install @vue/cli -g怎么都安装不上,一直报如下错误 EPERM: operation not permitted, r ...

Vue3脚手架安装vue @/cli

Vue3脚手架安装vue @/cli相关推荐

最新文章

热门文章