vue3---安装与环境搭建

安装VUE3和VUE2类似，首先看自己的node、vue、npm版本：

此时，我们发现已经安装了node，但是要使用vue3需要将node 升级到 18 以上，然后 升级 vue 到 vue3

node下载：

https://registry.npmmirror.com/binary.html?path=node/v18.15.0/

选择：

进行下载安装。

如果目录已经存在可以不创建

node_cache:作为缓存路径

node_global:作为全模块所在路径

npm config set prefix  "C:\Program Files\nodejs\node_global"
npm config set cache  "C:\Program Files\nodejs\node_cache "

查看：

npm config ls

新建VUE项目：

https://blog.csdn.net/tangshiyilang/article/details/139679949

清除本地老版本的脚手架：

npm uninstall vue-cli -g

安装VUE3脚手架工具

npm install @vue/cli@5.0.8

或者安装最新的：

npm install -g @vue/cli

安装慢，可以用淘宝镜像：

npm config set registry https://registry.npmmirror.com

查看版本： 

创建项目：

vue create myapp

选择这个：

通过空格键选择要的组件，通过enter确认，此处我们使用默认选项

选择vue的版本

选择ESLint,我们选择第一个：出错的时候提示警告

选择lint校验状况，选择第一个：每次保存的时候校验

询问eslint的配置文件存放位置，选择第一个

询问是否将刚才的创建步骤，保存成一个future

正在创建：

从头开始创建VUE3项目，还是有点麻烦，所以我创建好一个后就放到了git上，用来直接使用：

https://gitee.com/meiyouzhanghao/vue3app

打完收工！