搭建vue3.0项目+ant-design

最新推荐文章于 2024-06-12 11:28:06 发布
最新推荐文章于 2024-06-12 11:28:06 发布
阅读量706 收藏
点赞数
分类专栏： 上传 vue3.0 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45998637/article/details/120133031
版权

@搭建vue3.0项目+ant-design

1.全局升级VUE-cli

执行 npm install -g @vue/cli@next
查看版本 vue -V （大写的V）

2.创建vue项目

npm create <项目名称> 回车

在这里插入图片描述
中间可以直接创建vue3.0
第三个手动选择2.0或者3.0的配置在这里插入图片描述空格选中然后回车
在这里插入图片描述

选3.x回车
在这里插入图片描述

回车

3.引入ant-design-vue

npm i --save ant-design-vue@next
在这里插入图片描述

高碳水饱和战士
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
手把手教你vue3.0项目搭建
weixin_42762167的博客
01-05 1万+
前言：最近公司想重构一个项目，CTO选择了vue3.0 + ant-design-vue技术栈，正好自己也想尝试一下，试着搭建一下，以后有更好的会及时补充修改 注：粗体是命令指令，推荐使用cnpm指令，没有安装淘宝镜像的使用npm（淘宝镜像安装指令：npm install -g cnpm --registry=https://registry.npm.taobao.org） 一、vue（3.0）版本的安装 1.先要安装node.js（在这里就不演示怎么安装nodejs,前面的博客有教程） 官网：https:
vue3.0+ Ant Design Vue 创建项目,超级简单~
m0_49789433的博客
04-20 1623
先确定下是不是3.0哦 ,下面的方式是3.0的方法,vue2.0的方法在官网 https://www.antdv.com/docs/vue/introduce 确定3.0需要打开main.js 写法是 import { createApp } from 'vue' 这样的 就是 3.0拉 1.先引入 npm install ant-design-vue --save 2.安装好之后打开main.js import Antd from 'ant-design-vue'; cre..
Vue3项目搭建流程
最新发布
冲冲冲
06-12 600
git初始化：打开终端，执行命令git init（这里需要在vscode中打开Git Bash终端，而不是powershell）执行完成后会在项目目录生成一个.husky文件夹安装 lint-staged （依然在Git Bash终端执行此命令）配置// ... 省略 ...// ... 省略 ...修改 .husky/pre-commit 文件安装插件 pinia-plugin-persistedstate在stores下新建index.js。
Vue 3.0 使用 ant-design-vue组件
囚你心的博客
07-28 1823
*升级Vue-clidao 3.0
vue 3.0 + ant-design-vue 2.0(测试版)搭建项目
jyy5806的博客
10-26 2308
最近项目需要，使用vue.3.0 使用 vue-cli 4.5.4 以及 antd 2.0 搭建一个项目，antd 2.0 目前处于测试版，我把过程总结一下。 antd 2.0 的地址 ：https://2x.antdv.com/components/radio-cn/ vue3.0 的地址： https://www.vue3js.cn/docs/zh/guide/migration/introduction.html#vue-cli vue-cli 得搭建： vue-cli 命令方法跟以前有点区别，vu
VUE3 + Ant Design Vue构建
d125800000的博客
08-18 369
node 和 npm 已安装前提下。安装vue，安装Ant Design Vue，.配置Ant Design Vue，运行vue VUE3+Ant Design Vue构建，npm,pnpm
全栈-Vite3+Vue3+TS+Ant-design-vue3整合
11-07
在本项目中，我们探索了如何使用最新技术栈进行全栈开发，重点是前端的Vite3、Vue3、TypeScript以及Ant Design Vue3的整合，同时涉及后端的SpringBoot、MybatisPlus和MySQL。这是一个全面的实战教程，旨在帮助开发者...
基于vite+vue3+pinia+element-plus+ts后台管理系统
04-08
【标题】"基于vite+vue3+pinia+element-plus+ts...通过这个项目，开发者可以学习到如何将这些技术有效地结合起来，实现一个完整的后台管理系统，对于想要提升Vue 3和现代前端开发技能的人来说，这是一个宝贵的资源。
基于vue-cli / vite + vue3.0 + antd2.0 + ts4.0 的后台管理系统模板
10-15
总之，"基于vue-cli / vite + vue3.0 + antd2.0 + ts4.0 的后台管理系统模板"是一个结合了前沿技术的项目，它集成了前端开发的最佳实践，为开发者提供了一个高效、稳定且美观的开发起点。通过深入理解和运用这些技术...
vue-form-create:基于Vue3.0的表单设计器
04-17
vue-form-create基于 Vue3.0 + TS 的自定义表单生成器。支持 npm 与 cdn 引入的方式。UI 库支持 ant-design-vue 与 element-plus。支持功能远端数据获取图片上传富文本编辑器栅格布局生成 JSON生成代码演示地址...
基于 Ant Design Vue 与 Vue 3.0 的前端开发框架
06-03
"pear-admin-ant-next"这个压缩包文件名可能是指一个名为"Pear Admin"的前端项目，它基于Ant Design Vue 2进行了升级，以适配Vue 3.0。此项目可能是一个预配置的模板，包含了基本的页面结构、路由配置、权限控制和...
vue3+vite+ant-design-vue项目搭建
Chen__Hui的博客
07-04 1993
使用vite创建vue3项目 并引入ant-design-vue和router
简述vue3(ts)+antdesignvue项目框架搭建基本步骤
缺点灵气儿的笔记本
07-30 4904
Vue 3（使用TypeScript）和Ant Design Vue项目框架搭建是指在Vue 3框架下，结合使用TypeScript编程语言和Ant Design Vue UI库，创建一个基本的项目结构和配置。Vue 3：Vue.js是一个流行的JavaScript框架，用于构建用户界面。Vue 3是Vue.js的最新版本，引入了一些改进和新功能，提供更好的性能和开发体验。TypeScript：TypeScript是JavaScript的一个超集，添加了静态类型检查和更多的面向对象编程特性。
Vue3做出B站【bilibili】 Vue3+TypeScript+ant-design-vue【快速入门一篇文章精通系列（一）前端项目案例】
程序员猫爪
03-08 5779
在前端方面我们使用的技术栈包括TypeScript Vue3 ant Design Vue axios echarts highcharts mockjs pinia vue-router 将生成的js文件都修改为ts文件 执行成功 安装TypeScript 安装完成后，在控制台运行如下命令，检查安装是否成功(3.x): 设置自动编译 3、配置项目 1）安装依赖 作为前端项目我们使用一些场景的依赖 这里我们只需要将以下依赖复制到package.json,重新运行 将package-loc
Vue3+TypeScript+Router+Vuex+Ant-Design-Vue项目（三）—— 使用 vite 搭建项目
且听风吟的博客
04-11 1281
vite构建项目
如何在 Vue 3 中使用 Ant Design
热门推荐
分享身边生活经验blog
10-21 1万+
Ant Design 是一个开源库，可让您创建吸引人的响应式网站。如果您想使用经过充分测试且易于学习的框架，那么它是您下一个项目的绝佳选择。另一方面，Vue.js 是一个用于创建用户界面的渐进式框架。它旨在易于学习，同时具有灵活性和可定制性。将这两者结合使用可以让您比以往更快地创建响应式网站。Ant Design 和 Vue 3 中包含的 Composition API 使得在编写有限代码的同时创建美观、响应迅速且可扩展的应用程序变得简单。
vue3.0+Ant Design Vue后台crm管理系统admin
03-06
使用了Vue3.0全家桶、ant-design-vue2.0，实践vue3.0的新特性以及玩法，vue3.0的Composition API相比于vue2.0的Options API 灵活很多，让我们可以灵活地组合组件逻辑,目前后端admin大部分还是vue2.6;但是未来被vue3取代是大势所趋,望早上岸!
[vue3] vue脚手架按需引入ant-design-vue全流程
liuyaofu7456的博客
06-08 1257
vue脚手架按需引入ant-design-vue全流程
Vue3.0 使用 ant-design-vue
weixin_42902260的博客
04-21 902
1.安装 ant-design-vue npm i --save ant-design-vue 2.在main.js中引入 import { createApp } from 'vue' import App from './App.vue' import router from './router' import Antd from 'ant-design-vue' import 'ant-design-vue/dist/antd.css' createApp(App).use(Antd).use(r
vue3.0中使用ant-design-vue
06-28
回答1：</h3><br/>要在Vue3.0中使用ant-design-vue，需要先安装ant-design-vue和Vue3.0。可以使用npm或yarn来安装这些依赖项。 安装完成后，需要在Vue应用程序中引入ant-design-vue组件。可以在main.js文件中导入...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值