Namomo Summer Camp 2021 第一天专题讲解

vue上传文件分片断点续传 --源码---记录

  返回  

Vue3脚手架安装vue @/cli

2021/8/21 1:28:52 浏览:

@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 

 

 表示安装成功!

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

联系我们

如果您对我们的服务有兴趣,请及时和我们联系!

服务热线:18288888888
座机:18288888888
传真:
邮箱:888888@qq.com
地址:郑州市文化路红专路93号