yarn npm 设置淘宝镜像

一、NPM设置淘宝镜像

1.查询当前配置的镜像

2.设置成淘宝镜像

3.换成原来的

二、Yarn 设置淘宝镜像

1.查询当前配置的镜像

2.设置成淘宝镜像

3.换成原来的

三、常用淘宝镜像

执行 yarn 各种命令的时候，默认是去 npm/yarn 官方镜像源获取需要安装的具体软件信息

以下命令查看当前使用的镜像源

yrm YARN registry manager

yrm 不仅可以快速切换镜像源，还可以测试自己网络访问不同源的速度

mac下报错

安装cnpm

然后使用cnpm安装

阿里旗下维护着一个完整的 npm 镜像源 https://registry.npm.taobao.org/ 同样适用于 yarn

使用淘宝镜像源

更多用法查看 yrm GitHub

执行npm install -g electron

（1）、去 Node.js 官网 安装node

（2）、配置git bash

（3）安装yarn（yarn比npm更加好用）

（4）、安装yarn淘宝源和npm淘宝源

yarn设置镜像:

npm设置为淘宝镜像

（1）、安装全局vite

可以改成这个创建

（2）、创建项目（项目名：mangoUI）

创建成功之后有三个指令 cd mangoUI 和 yarn install ， yarn dev 依次执行，项目创建成功。

注意：使用vscode打开最好安装一个插件：Vue 3 snippets，方便模板建立。

（1）、查看所有路由版本：

（2）、安装路由（vue-router>=4.0.0）

（3）、初始化路由

情景一：打开main.js，初始化路由。

情景二：（使用ts语法）将main.js改成main.ts，初始化路由。别忘了index.html引用main.js路径后续要改成main.ts。

这时组件引用路径会报一个错误，这是因为Typescript只能理解.ts文件，不能理解.vue文件。

解决报错方法：在根目录新建目录shims-vue.d.ts，告诉TS如何理解.vue文件

如果关闭shims-vue.d.ts还是报错，再在根目录创建一个 tsconfig.json 文件

---