vue3 卸载重装ant-design-Vue

最新推荐文章于 2023-08-08 15:34:26 发布
最新推荐文章于 2023-08-08 15:34:26 发布
阅读量2.6k 收藏 1
点赞数 3
文章标签： vue.js ui javascript css3 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_55723647/article/details/128340496
版权
本文介绍如何安装及配置 ant-design-vue，并演示如何指定版本进行安装，包括版本降级的操作方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

卸载ant-design-vue

npm uninstall ant-design-vue

安装ant-design-vue

npm install ant-design-vue@1.4.11

后面的@1.4.11就是指定版本，版本降级也是这样处理

全局引用ant-design-vue

在main.js里头部引用

 
 
 加载ok
 
 
 
 
 
 

 


                

        

    

  


            

                    
            


    

      

        

            

              
                
                  奈何201
                
              
            

            

                关注
              
            

        

        

          
      

      










                



	

		

			

				
					
spring boot 与 Ant Design of Vue 实现删除角色(补二十一)

				
			

			

				

					笨鸟不会飞
				

				

					04-21
					
					536
					
				

			

		

		

			
				
@[TOC](spring boot 与 Ant Design of Vue 实现删除角色(补二十一))
公众号

大家可以直接微信扫描上面的二维码关注我的公众号，然后回复【ant211】 里面就会给到源代码的下载地址同时会附上相应的视频教程，并定期在我的公众号上给大家推送相应的技术文章，欢迎大家关注我的公众号。
前后端系列视频文章汇总帖
大家可以直接单击以下的链接地址前往汇总贴来看这个系列的视频...

			
		

	



                

            
              



	

		

			

				
					
vue安装和卸载

				
			

			

				

					qq_39933800的博客
				

				

					11-08
					
					1079
					
				

			

		

		

			
				
vue安装和卸载
转载：vue安装和卸载



			
		

	



              


  
              

                


	

		

			

				
					
一键去除antDesignVue 纵向边框线

				
			

			

				

					weixin_73031162的博客
				

				

					08-08
					
					627
					
				

			

		

		

			
				
去除antDesignVue 纵向边框线

			
		

	





	

		

			

				
					
基于Ant Design vue框架之三   删除功能细分

				
			

			

				

					weixin_43967890的博客
				

				

					05-29
					
					2237
					
				

			

		

		

			
				
我们还是老规矩，先上效果图吧~~
需要看整个页面的小盆友可以点下面这个路径哈~~
页面路径：总页面展示
继续上干货吧~翠花，上代码~~
<a-button type="danger" size="small" shape="round" style="margin-left: 5px" @click="() => del(record)">
          <a-icon type="delete" />删除</a-button>





删除的方法也就到这里

			
		

	



		

			
		



	

		

			

				
					
spring boot 与 Ant Design of Vue 实现删除按钮(十八)

				
			

			

				

					笨鸟不会飞
				

				

					04-21
					
					1062
					
				

			

		

		

			
				
@[TOC](spring boot 与 Ant Design of Vue 实现修改按钮(十七))
公众号

大家可以直接微信扫描上面的二维码关注我的公众号，然后回复【ant18】 里面就会给到源代码的下载地址同时会附上相应的视频教程，并定期在我的公众号上给大家推送相应的技术文章，欢迎大家关注我的公众号。
前后端系列视频文章汇总帖
大家可以直接单击以下的链接地址前往汇总贴来看这个系列的视频教程。...

			
		

	





	

		

			

				
					
ant-design-vue-pro-learn:ant-design-vue-pro开源项目学习代码

				
			

			

				

					03-23
				

			

		

		

			
				
蚂蚁设计学习专业版 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 运行单元测试 npm run test:unit 整理和修复文件 npm run lint 自定义配置 请参阅。

			
		

	





	

		

			

				
					
vue-ts-antDesign-admin:vue + typescript + ant-desing-vue开发的后台管理系统模板

				
			

			

				

					03-11
				

			

		

		

			
				
管理 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 运行单元测试 npm run test:unit

			
		

	





	

		

			

				
					
vue2-pc-base-ant-design:Vue2，蚂蚁设计，JavaScript

				
			

			

				

					05-24
				

			

		

		

			
				
基地蚁 项目设置  yarn install 编译和热重装以进行开发  yarn serve 编译并最小化生产  yarn build 运行单元测试  yarn test:unit 整理和修复文件  yarn lint 自定义配置 请参阅。

			
		

	





	

		

			

				
					
vue.admin.ant-design.template：vue + ant-design构建的中后台框架模板

				
			

			

				

					02-18
				

			

		

		

			
				
easybom_blog_admin 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。

			
		

	





	

		

			

				
					
antdpro-Vue:学习实现antdesign pro的vue版本

				
			

			

				

					03-25
				

			

		

		

			
				
ant-design-vue-pro 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 运行单元测试 npm run test:unit 整理和修复文件 npm run lint 自定义配置 请参阅。

			
		

	





	

		

			

				
					
vue-ant-design-pro

				
			

			

				

					04-13
				

			

		

		

			
				
English |
蚂蚁设计Vue Pro
 适用于企业应用程序的即用型UI解决方案，作为Vue样板。 基于
 预览：  ：
 主页：  ：
 文档：  :
 变更日志：  :
 常见问题解答：  ： 
 概述
 环境和依赖
节点
纱
网页包
埃斯林特
@ vue / cli〜3
 ant-design-vue -Vue的蚂蚁设计
vue-cropper-图片编辑
@ antv / g2 -AntV G2
 Viser -vue -Vue的Antv / G2
 注意：建议使用Yarn软件包管理，此项目的演示站点（yarn.lock）加载的版本完全相同。 但您也可以使用npm
 项目设置
克隆回购
git clone https://github.com/vueComponent/ant-design-vue-pro.git
cd ant-design-vue-pro
 安装依赖项
yarn

			
		

	





	

		

			

				
					
vue的卸载和安装

				
			

			

				

					qq_48957847的博客
				

				

					01-27
					
					4565
					
				

			

		

		

			
				
安装卸载vue3.0
可以使用命令 vue -V 看到vue-cli脚手架的版本号
在项目中的package.json文件夹 找"dependencies" 可以查看自己装的vue的版本
npm 安装3.0 和 卸载3.0
npm install -g @vue/cli
npm uninstall -g @vue/cli

yarn 安装3.0 和 卸载 3.0
yarn global add @vue/cli
yarn global remove @vue/cli

安装卸载vue2.0
npm 安装vu

			
		

	





	

		

			

				
					
【Error】解决 Vue2.x 与最新 Ant Design vue 版本不符的问题

				
			

			

				

					道阻且长，行则将至。
				

				

					11-26
					
					1226
					
				

			

		

		

			
				
项目一直报错，如果我们 要使用。来开发项目时，就必须安装指定。如果您已经安装了，请先通过。的版本号， 否则会报错。您可以打开项目根目录。

			
		

	





	

		

			

				
					
dva + antd 报错

				
			

			

				

					m0_46364033的博客
				

				

					02-15
					
					872
					
				

			

		

		

			
				
dva + antd 报错解决

			
		

	





	

		

			

				
					
Ant Design Vue使用（vue2）

				
			

			

				

					weixin_74285634的博客
				

				

					07-13
					
					3490
					
				

			

		

		

			
				
【代码】antd下载配置及使用，下面是一个简单的button按钮使用案例：直接输入以下代码，在页面中就可以看到一个按钮了。

			
		

	





	

		

			

				
					
Ant design pro使用教程

				
			

			

				

					qq_60320547的博客
				

				

					02-04
					
					850
					
				

			

		

		

			
				
然后这里建议重新建一个空文件夹并命名为想要命名的英文名。配置好后参考Ant design pro 官方文档。输入 pro create "你的文件名"建议使用以前的版本，最新版本容易出错。打开cmd出现版本号即视为成功。出现这个就差不多成功了。提前下载好nodejs。

			
		

	





	

		

			

				
					
React【基础3】

				
			

			

				

					December_shi的博客
				

				

					05-31
					
					1164
					
				

			

		

		

			
				
使用react实现计算器案例。案例项目

			
		

	





	

		

			

				
					
关于垃圾文件ant、贝壳等弹窗广告的卸载问题

				
			

			

				

					study_students的博客
				

				

					06-14
					
					5309
					
				

			

		

		

			
				
一般这种垃圾文件，是在下载的过程中带的，这玩意没办法避免，毕竟要的是免费，想要搞这个免费呢，就需要学会怎么删除这个垃圾，我在网上找了一堆，不是让你下载这个金山就是那个360，都试了试，感觉没用，接下来我就分享一下我的
...

			
		

	





	

		

			

				
					
vue集成ant-design-vue

				
			

			

				

					归小超博客
				

				

					12-08
					
					1581
					
				

			

		

		

			
				
vue 集成 ant-design-vue

			
		

	





	

		

			

				
					
vue卸载

					
最新发布

				
			

			

				

					03-23
				

			

		

		

			
				
### 如何卸载 Vue 或移除 Vue 相关依赖

要从项目中卸载 Vue 或移除其相关依赖，可以按照以下方法操作：

#### 卸载 Vue 的核心库
如果需要完全删除 Vue 核心库及其关联的包，可以通过 `npm` 命令完成。运行以下命令来卸载 Vue 并将其从 `dependencies` 中移除：
```bash
npm uninstall vue -S
```
此命令会将 Vue 移出项目的生产依赖列表[^2]。

#### 删除 Vue 相关工具和插件
除了核心库外，还需要考虑其他可能安装的相关工具或插件（例如 Vuex、Vue Router 等）。以下是常见的 Vue 插件以及对应的卸载方式：
- **Vuex**: 使用以下命令卸载 Vuex 及其配置文件。
    ```bash
    npm uninstall vuex -S
    ```
    同时手动删除与 Vuex 配置相关的目录（如 `store/` 文件夹），因为这些不会被自动清除[^1]。

- **Vue Router**: 如果使用了路由功能，则也需要单独卸载它。
    ```bash
    npm uninstall vue-router -S
    ```

#### 清理开发环境中的依赖项
对于仅用于开发阶段的工具（比如 `@vue/cli-service`, `eslint-plugin-vue` 等），应通过 `-D` 参数指定它们属于 devDependencies 类型并执行如下指令：
```bash
npm uninstall @vue/cli-service eslint-plugin-vue --save-dev
```
这一步骤确保所有不必要的开发时间依赖也被彻底清理掉。

#### 更新 package.json 和锁定文件
当完成了上述步骤之后，建议重新生成或者更新你的锁住版本号清单(`package-lock.json`)以反映最新的更改情况:
```bash
rm -rf node_modules/
npm cache clean --force
npm install
```
以上过程不仅清空现有的模块缓存还重建整个依赖树从而避免残留旧版数据影响后续工作流程.

#### 手动检查剩余引用
最后还需仔细审查源码里是否存在任何关于已删组件调用的地方; 若发现仍有未处理部分则需进一步修正直至完全没有遗留为止.


```python
# 示例 Python 脚本展示如何批量查找特定字符串(这里假设寻找的是&#39;import Vue&#39;)
import os

def find_vue_imports(directory):
    results = []
    for root, dirs, files in os.walk(directory):
        for file_name in files:
            if not file_name.endswith(&#39;.js&#39;):
                continue
                
            with open(os.path.join(root, file_name), &#39;r&#39;) as f:
                content = f.read()
                
                if &#39;import Vue&#39; in content:
                    results.append(file_name)
                    
    return results

print(find_vue_imports(&#39;./src&#39;))
```

该脚本可以帮助识别哪些 JavaScript 文件仍然包含对 Vue 的导入语句以便于开发者能够针对性修改代码逻辑去除相应依赖关系。

---

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值