vue3+antd——项目搭建初始化配置——技能提升

vue-antd-admin

vue2 版本链接:
https://gitee.com/iczer/vue-antd-admin?_from=gitee_search
vue3+antd——项目搭建初始化配置——技能提升_第1张图片
vue3 版本链接:
https://github.com/stepui/stepin-template
预览地址: https://stepui.gitee.io/stepin-template
使用文档: http://stepui.gitee.io/stepin-template-docs/
常见问题: http://stepui.gitee.io/stepin-template-docs/issue
国内镜像: https://gitee.com/stepui/stepin-template
vue3+antd——项目搭建初始化配置——技能提升_第2张图片
vue3+antd——项目搭建初始化配置——技能提升_第3张图片
vue3+antd——项目搭建初始化配置——技能提升_第4张图片

拉取代码
git clone https://github.com/stepui/stepin-template.git

安装依赖
yarn install

启动
yarn dev

预览
启动成功后,控制台会显示本地访问地址:http://127.0.0.1:5173,浏览器打开即可预览。

node 版本

目前 node 的版本很可能是 14.21.3 左右
在这里插入图片描述

为了保证项目能够兼容,则需要安装 nvm——Node 版本管理器

1.Window 下完全卸载删除 Nodejs

参考链接:https://www.cnblogs.com/fighxp/p/7410235.html
vue3+antd——项目搭建初始化配置——技能提升_第5张图片
vue3+antd——项目搭建初始化配置——技能提升_第6张图片

2.可能遇到的问题——No installations recognized 以及 nvm use 切换 node 版本无效的解决办法

参考链接:http://e.betheme.net/article/show-158811.aspx?action=onClick

vue3+antd——项目搭建初始化配置——技能提升_第7张图片

3.可能遇到的问题——使用 nvm 控制 node 版本踩坑及问题解决

参考链接:https://blog.csdn.net/weixin_45595203/article/details/127552223
vue3+antd——项目搭建初始化配置——技能提升_第8张图片

4.nvm 安装流程、使用 nvm 安装指定 node 版本

参考链接:https://blog.csdn.net/fxbinbin0507/article/details/128628968
vue3+antd——项目搭建初始化配置——技能提升_第9张图片

5.使用 nvm

nvm list

nvm use xxxx

你可能感兴趣的:(vue3+antd+vite,vue3+antd+vite,vue3)