一、环境搭建 、创建运行项目
通过vue脚手架工具可以让我们快捷的搭建vue项目，目前vue官方给我们提供了2个脚手架，Vue-cli和Vite
1、通过Vue-cli创建我们的项目(推荐)
1.1 安装Vue-cli,同一台电脑只需要安装一次
yarn global add @vue/cli
npm install -g @vue/cli
cnpm install -g @vue/cli
如果电脑上没有安装cnpm可以通过以下命令安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果电脑上没有安装yarn可以通过以下命令安装
npm i -g yarn
1.2 通过vue-cli创建项目
vue create <project-name>
cd <project-name>
yarn serve/npm run serve (是serve还是dev具体看 package.json 中的script脚本设置)
2、通过Vite脚手架创建我们的项目(缺点：不稳定、优点：运行速度快、轻量)
2.1 使用npm创建
npm init vite-app <project-name>
cd <project-name>
npm install
npm run dev/serve
2.2 使用yarn创建
yarn create vite-app <project-name>
cd <project-name>
yarn
yarn dev/serve
这里介绍一个方便下载包地址的插件nrm~
nrm的安装使用 （Mac下nrm安装报错：解决方法：在命令前加sudo 查版本号：nrm -V 【大写】）
安装步骤：
1、npm i nrm -g 全局安装nrm包
2、使用nrm ls 查看当前所有可用镜像源地址以及当前所使用的镜像源地址
3、使用nrm use npm 或 nrm use tabao 切换不同的镜像源地址
注意：nrm 只是单纯的提供了几个常用的下载包的URL地址，并能够让我们在这几个地址之间很方便的进行切换，但是我们每次装包的时候，使用的装包工具，都是npm
注意：区分装包工具和镜像地址的区别 nrm只是提供包下载地址
原文：https://www.cnblogs.com/kkw-15919880007/p/14510817.html