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

打完收工! 

posted @   帅到要去报警  阅读(587)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· 【全网最全教程】使用最强DeepSeekR1+联网的火山引擎,没有生成长度限制,DeepSeek本体
历史上的今天:
2020-08-19 electron---创建项目
点击右上角即可分享
微信分享提示