❤ 项目主要使用的版本和对应体系

1、常用地址

vue官网中国镜像地址：

https://cn.vuejs.org/

Vue所有版本地址

https://github.com/vuejs/core/blob/main/changelogs/CHANGELOG-3.2.md

Vue3版本地址

https://vuejs.org/

NPM镜像地址

npm install -g cnpm --registry=https://registry.npm.taobao.org

nvm 地址：

https://github.com/coreybutler/nvm-windows/releases

GIt地址：

https://git-scm.com/

Node地址：

https://nodejs.org/zh-cn/download/releases

Node历史版本地址

https://nodejs.org/zh-cn/download/releases

element-ui UI组件地址

https://element.eleme.io/#/zh-CN

PC端组件库 Ant Design Vue 官网地址：https://www.antdv.com/docs/vue/introduce-cn/
移动端 UI 组件库 Vant 官网地址：https://youzan.github.io/vant/#/zh-CN/

2、项目使用到的版本

可以看这个使用nvm 版本控制工具管理项目环境
http://t.csdn.cn/LHUnp

经常使用的体系

❤ 主要使用的版本和对应体系
主要	使用	使用	工具	版本	版本
vue2 +Vuex+……模式	nvm 版本	Vue2版本 2.9.6	node 12.12.2	git 2.26.0	npm 6.11.3
vue3 + typescript + vite + pinia+……模式	nvm 版本	Vue3 版本 3.2.0	node 16.14.0	git 2.26.0	npm 8.3.1

3、体系和版本涉及到的工具介绍

V2 常用的

技术栈：Vue2+vue-cli+vue-router+vuex +elementUI/vant
Vue2
vue-cli 交互式项目脚手架
vue-router 路由组件
vuex 多组件状态共享和通讯 [状态管理模式]
axios 请求服务器数据
elementUI PC组件库
vant 移动端组件库
————————————————
具体的配置可以直接看文章：
Vue2 完整项目搭建 Vue2+vue-cli+vue-router+vuex +elementUI/vant项目和配置（一）
http://t.csdn.cn/By3LW
————————————————

V3 常用的

技术栈：Vue3+VueRouter4+Pinia2+Vant3/ElementPlus
Vue3
VueRouter(V4)：https://router.vuejs.org/ 路由组件
Pinia(V2)：https://pinia.vuejs.org/ 状态管理工具，也是vuex团队核心成员开发的
Vite构建工具：https://vitejs.dev/
ElementPlus：https://element-plus.gitee.io/zh-CN/ elementUI PC组件库
Vant(v3)：https://vant-contrib.gitee.io/vant/#/zh-CN 移动端组件库

————————————————
具体的配置可以直接看文章：
Vue3 完整项目搭建 Vue3+Pinia+Vant3/ElementPlus+typerscript（一）
http://t.csdn.cn/By3LW
————————————————

4、常用的命令

（1）V2 常用的命令和版本

vue 2.6 

npm install vue-cli -g

npm install  -g  @vue-cli@版本号
node v 12.12.2 
git 2.26.0 rc0
npm 7.18.1 

nvm install node@12.12.0 
npm 6.11.3
vue --version

（2）V3 常用的命令和版本

npm uninstall vue-cli -g
或者
yarn global add @vue/cli

vue 3.2
npm install @vue/cli -g
@vue/cli 4.5.13
nvm install node@16.12.0 
npm 8.19.4
nvm use 16.12.0 
vue --version

vue-cli 版本查看
npm list vue -g 

5 、使用

vue使用

（1）安装

查看Vue版本
npm list vue

安装脚手架 V3 
npm install -g @vue/cli

创建项目
vue create demo

最新

最新稳定版
$ npm init vue@latest

安装yarn

 npm install -g yarn
 yarn -v

使用vite

vite 官网
https://cn.vitejs.dev/guide/

vite 安装

使用 NPM
npm install -g vite

使用 Yarn

windows版：

获取权限：
npm install -g yarn
yarn -v

mac版：

获取权限：
sudo -s
npm install -g yarn
yarn -v

切换V2 -V3环境

(如果之前安装过vuecli，则需要卸载)
V2 => V3
npm uninstall vue-cli -g
npm uninstall vue-cli

V3 => V2
npm uninstall @vue/cli -g
npm install vue-cli

⑤直接安装vuecli 此版本则是最新的

4.x
npm install -g @vue/cli
3.x版本
npm install -g @vue/cli @3.12.1 

打包发布

yarn build run