3.4 （11）删掉不必要的组件和代码

最新推荐文章于 2023-08-25 11:38:11 发布
最新推荐文章于 2023-08-25 11:38:11 发布
阅读量472 收藏 3
点赞数
分类专栏： vue_shop
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45540782/article/details/103107470
版权

打开可视化面板
在这里插入图片描述
在这里插入图片描述
重置这个页面
在这里插入图片描述
. 梳理根组件

  1. 查开src/main.js

  • main.js 是整个项目的入口文件
    -在这里插入图片描述

  • 将 App.vue 打开 删除以下代码
    在这里插入图片描述

梳理路由
将import的Home.vue和 路由规则 删掉

在这里插入图片描述
将 About.vue和 Home.vue组件也删掉
在这里插入图片描述
HelloWord.vue组件也删掉

  • 也就是说除了App.vue根组件， 其他不用到的组件全部删掉 ,不必要的代码 也删掉

在这里插入图片描述

**这样就得到了干净的目录 **

qiaoxinlin
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ESLint(vue+webpack)配置
weixin_34205826的博客
11-06 430
一、ESLint 协同开发过程中，经常感受到来自代码检视的恶意。代码习惯不一致，看半天；居然提交低级错误，我的天(╯‵□′)╯︵┻━┻！...研究了一番，决定使用ESLint来做代码规范检查。 二、配置方式 JavaScript注释：通过JavaScript注释把配置信息嵌入代码中。 package.json：在package.json...
vue2.0检测无用的代码并删除
zhangjing1019的博客
09-19 1242
（3）、每次编译的时候，都会将一些没有用到的文件输出到unused-files.json这个文件，可以自己再手动检测一下，然后删掉无用的代码。（4）、删除大量的代码后，git提交代码时，记得在git上打个tag，以方便回滚或者找代码。（1）、使用 useless-files-webpack-plugin 来查找无用文件。（2）、vue.config.js中配置。
前端-性能优化
YogaMiller的博客
09-17 242
前提是网络安全问题 xss攻击 跨站点脚本攻击 1. 使用post 2. 过滤/检验用户输入的一切内容 3. session(token),验证码,http引用头检测 SSH vue性能优化 首屏优化(路由懒加载,三种方式) 1. component: resolve => require(["../components/login.vue"],resolve) 2. component: ()=>import("@/components/HelloWorld") 3. comp
4.梳理vue项目，删除不必要的代码和组件
qq_39055970的博客
06-29 5947
梳理vue项目，删除不必要的代码和组件1.创建分支2.使用vue ui打开一个刚创建的vue项目3.删除不必要的代码和组件3.1删除App.vue中的默认内容3.2删除默认的路由内容和对应的view文件3.3删除除了app以外的其余组件 1.创建分支 使用vscode打开前端项目 执行：git status检查项目状态。 执行：git checkout -b login 创建login分支，并且切换到该分支。 执行：git branch 查看当前项目所有分支 执行：git status 查看项目当前在哪个分
vue项目性能优化：去除无用的文件
浩星
11-03 7283
前言： 这里来分享一些vue项目性能优化的一些实用的方法，这里使用 useless-files-webpack-plugin 来查找无用文件。 实现步骤： 1、安装插件 npm i useless-files-webpack-plugin -S 2、vue.config.js中配置 const UselessFile = require('useless-files-webpack-plugin') chainWebpack: config => { ...
vue-elementui-admin 增删改查
code_nutter的博客
08-02 560
vue-elementui-admin增删改查。
vue-element-admin使用的详细步骤以及报错解决
weixin_71893751的博客
08-25 754
这个问题是ssh的报错，我们需要想办法把ssh改成https。说明你的nodejs版本和npm版本不匹配，可以通过。出现此报错说明没有nodejs，需要重新进行安装。
cms 空白系统 3.4 简体中文UTF-8版.7z
03-15
在这个【CMS空白系统3.4】中，我们可以预期以下核心功能和组件： 1. **安装向导**：帮助新用户快速设置和配置系统，包括数据库连接、管理员账户创建等步骤。 2. **后台管理界面**：提供一个友好的界面，用于管理...
C语言入门经典（第4版）--源代码及课后练习答案
02-02
第11章 结构化数据 403 11.1 数据结构：使用struct 403 11.1.1 定义结构类型和结构变量 405 11.1.2 访问结构成员 405 11.1.3 未命名的结构 408 11.1.4 结构数组 408 11.1.5 表达式中的结构 411 11.1.6 结构...
Uninstall Tool(软件卸载)VV2.9.5.5104 绿色汉化版
04-11
它能快速、安全、方便的删除不必要的应用程序并提高您的电脑的运行效能。Uninstall Tools 支持微软 Windows 2000,XP,2003,Vista,windows7操作系统(含64位操作系统)。 Uninstall Tools具有以下特性: *比"添加/删除...
zookeeper-3.4.3
08-24
- 合理设置session超时时间，避免因网络抖动导致的不必要的重新选举。 - 定期备份Zookeeper的数据，以防止数据丢失。 总的来说，Zookeeper-3.4.3作为一个成熟的分布式协调服务，为开发者提供了强大而稳定的工具，...
(完整版)等保2.0二级通用测评要求.docx
06-18
4.2 停用或删除不必要的账户，实施最小权限原则。 最后，安全管理中心是整个系统的监管核心，确保各项安全措施有效执行。 以上内容详述了等保2.0二级通用测评的要求，旨在构建一个全面、严谨的网络安全体系，保障...
vue 删除无用css,【译】Vue 的小奇技（第三篇）：用 PurgeCSS 移除不需要的 CSS
weixin_39586353的博客
08-04 1272
特别声明：本文是作者Alex Jover 发布在VueDose 上的一个系列。版权归作者所有。译者在翻译前已经和作者沟通得到了翻译整个系列的授权。为了不影响大家阅读，获得授权的记录会放在本文的最后。我们有很多可以提高 web 性能的方法，而其中一种就是把所不需要的 JS 和 CSS，从我们的应用中全部移除掉。当我们需要面对大型应用或者老旧项目，且其中使用了类似 Bootstrap、Bulma 或 ...
在vue中用两行代码删除所有node_modules依赖
一个超爱喝可乐的web前端攻城狮
08-10 1441
在vue中用两行代码删除所有node_modules依赖 1,在项目根目录下执行 npm install rimraf -g 2,继续执行 rimraf node_modules 3,这样你的所有依赖都会被彻底删除;
Vue前端项目-清理创建项目中没用的信息
踏 浪的博客
03-07 3000
此教程适用于 使用 vue-cli 创建完项目后, 生成的一些没有用的信息. 1、App.vue 文件, 清理过后的文件内容 <template> <div id="app"> </div> </template> <script> export default { name: 'app' } </script...
Vue前台项目home部分不显示解析
fury的博客
07-31 603
vuehome部分不显示解决
vue的路由问题
weixin_41766191的博客
06-05 663
慕娘9325324 路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。 点击之后，怎么做到正确的对应，比如，我...
html中怎么去除多余的代码,去除HTML代码中所有标签的两种方法
weixin_39536427的博客
06-10 613
去除HTML代码中所有标签复制代码 代码如下:'******************************'函数：RemoveHTML_A(strText)'参数：strText，待处理的字符串'作者：阿里西西'日期：2007/7/12'描述：去除HTML代码中所有标签'示例：欢迎光临阿里西西")%>'******************************FunctionRemov...
Android与Vue.js的跨平台开发指南
最新发布
07-12
Android 和 Vue 是两个在技术栈和平台上都不同的概念，但它们可以间接地联系在一起： 1. **Android**： - Android 是一个基于Linux的开源操作系统，主要被用于移动设备如智能手机和平板电脑，以及可穿戴设备、电视等。 - Android 应用开发通常使用Java或Kotlin作为编程语言，并且使用Android SDK进行开发。 2. **Vue**： - Vue.js（通常简称为Vue）是一个开源的JavaScript框架，用于构建用户界面和单页应用程序（SPAs）。 - Vue 使用HTML、CSS和JavaScript（Vue特定的语法糖）来构建前端界面。 尽管Vue主要用于Web前端开发，但存在一些方法可以将Vue.js与Android集成： - **WebView**： - Android应用可以使用WebView组件来加载和显示基于Vue.js开发的Web应用，就像在应用中嵌入一个浏览器窗口。 - **跨平台框架**： - 使用跨平台移动应用开发框架，如NativeScript、Weex或React N
python3.4和snap7
01-31
Python 3.4及以上版本自带了pip工具，可以用来安装Python包。而snap7是一个用于与S7-1500进行通信的Python库。在Windows下，你需要根据Python的结构版本（32位/64位），将下载的Snap7的发布库copy到对应的Python安装...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值