@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
表示安装成功!
到这里脚手架就彻底安装好了!!!!!!!!!!