vue项目优化
cross-env 包环境静态文件分离require 是置顶的双斜杠 //baidu.com可以是http也可以是httpsrequire.ensure打包到不同的文件中项目文件路径规范静态文件（不需要打包的文件）放在static路径下，同时静态文件使用es5语法，css原生语法...
2024-01-10
vue项目总结
如果port被占用，修改浏览器的port，那么进入config的index.js的port修改串口号即可。vue项目main.js文件下import router from \'./router\'默认导入router文件夹下index.js的原因https://www.cnblogs.com/beyrl-blog/p/8629178.htmlindex.js的module.exports包含dev和build两个部分。https://www.jianshu.com/p/8ab4fb18b6b9https:...
2024-01-10
vue项目结构
一、上一章节说到了vue项目的初始化，这一节主要介绍vue项目的一个目录结构二、vue初始化的目录结构最终要的是src目录下的文件，其他的了解即可，必要的时候可以去官网或者vue中文社区寻找答案https://www.vue-js.com/,初始化的文件目录如下：下面是详细的目录结构介绍：三、配置目录详解：a)、build目...
2024-01-10
vue项目的配置
1、第一首先我们先安装：visual studio code开发环境，可以换成中文版的。2、安装note.js 下载链接：https://nodejs.org/en/3、安装npm使用淘宝镜像https://npm.taobao.org/ 也可以打开cmd键入：npm install -g cnpm --registry=https://registry.npm.taobao.org4、打开cmd键入：cnpm install -g @vue/cli5、安装完毕使用在cmd 键入：vue ui ...
2024-01-10
vue项目打包报错
vue项目打包报错老项目拉下来后改了些样式，再次打包他会报错npm ERR! missing script: build npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2020-05-12T06_25_52_458Z-debug.log解决办法：找到package.json的，看有没有安装optimize-css-asset...
2024-01-10
vue项目打包问题
vuecli4项目。 "scripts": { "serve": "vue-cli-service serve && webpack-dev-server --open", "test": "vue-cli-service build --mode testServer", "build": "vue-cli-service build", "webpack": ...
2024-02-16
vue 项目实战一
本人是一个vue爱好者，今天就从项目第一步开始来实现我们的vue后台管理开发首先 大家vue项目是运行在nodejs环境，安装我这里就不阐述了。大家根据提示去安装然后就我们就开始构建我们的第一个vue项目了进入黑窗口模式然后进去我们想要放项目的盘 构建接下来就是等待然后根据提示一步步确...
2024-01-10
初始化一个vue项目
1.安装node端开发框架和环境都是需要 Node.js ，先安装node.js开发环境，vue的运行是要依赖于node的npm的管理工具来实现，下载https://nodejs.org/en/，安装完成之后，打开cmd开始输入命令。（需要用管理员权限cmd）。2.查看node的版本号下载好node之后（默认安装即可自动配置好环境变量），以管理员身份打开cm...
2024-01-10
Vue外卖项目
“饱了么”外卖项目：【注：大二下学期自己的兴趣爱好，突然想玩VUE，就参考教程，自己修改做了一个点餐项目，因为时间原因，没有去美化和完善，抽些空余时间会把自己做的项目加以完善】具体代码和功能实现要求，之后会放到网站上，通过电脑配置的node环境可以进行访问：静态页面：店铺...
2024-01-10
node打包vue项目
1、控制台在项目根目录执行npm run build会在根目录产生一个dist文件夹2、打开index.html，网页控制台可以看到错误Failed to load resource: net::ERR_FILE_NOT_FOUND修改根目录下config/index.js 中的build下assetsPublicPath为空3、刷新index.html，可以打开网页，但element-ui的icon不能正常显示网页控制台依然显示 Failed to load r...
2024-01-10
社区项目前端vue总结
前序在开发社区项目的前端时，根据当前的流行，选择了前后端分离，另外一方面也可以实现后端与前端的解耦。使修改前端代码的时候，无需再打包后台程序。另外用用vue，提升一下技能。后端程序也得会前端啊。一些总结在开发中，总有一些方法在多个组件或者view中使用，每次都需要手动引入...
2024-01-10
vue项目前端埋点的实现
埋点方案的确定。业界的埋点方案主要分为以下三类：代码埋点：在需要埋点的节点调用接口，携带数据上传。如百度统计等；可视化埋点：使用可视化工具进行配置化的埋点，即所谓的「无痕埋点」，前端在页面加载时，可以读取配置数据，自动调用接口进行埋点。如开源的Mixpanel;无埋点：前端...
2024-01-10
vue项目里的日期格式化
在项目中，我们经常需要把后台传回的日期进行格式化，可以在common里定义一个公共的js 1 export function formatDate (date, fmt) { 2 if (/(y+)/.test(fmt)) { 3 fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) 4 } 5 let o = { 6 'M+': date.getMonth() +...
2024-01-10
vue项目打包（简化版）
vue打包（简化版）首先在项目中执行打包命令 npm run build vue的脚手架工具会帮我们自动的对src目录下的源代码进行打包编译运行完成后，项目中会生成一个dist文件修改config目录下的index.js文件里的build配置项里面的assetsPublicPath属性的内容 修改html路径引入问题这里的assetsPublicPath是build生产环境下...
2024-01-10
如何优化vue的项目体积?
最近比较空闲 相对当前的两个前端项目进行优化,本地打包感觉有点慢,看了一下项目里面引了很多依赖,很多是不必要的:package.json文件如下:{ "name": "amconsole", "version": "1.0.0", "description": "A Vue.js project", "author": "", "private": true, "scrip...
2024-02-11
vue项目中使用组件化开发
最近在使用vue-cli结合webpack打包工具开发一个后台管理系统,使用vue难免需要运用组件化思想,而这也正是vue的一大特点.在之前做的vue项目中,稍微有一点组件化的思想,可能是对组件化不太擅长,导致一个页面要写很多的代码,两个不相干的功能写在一个vue文件里总感觉不好,例如有两个弹框,一个是展示某个...
2024-01-10
vue项目加密之AES加密
在我们做项目的时候，经常会遇到一些加密的需求，防止用户通过发f12看到一些用户的信息，废话不多说，开搞了AES加密1.安装crypto-jsnpm install crypto-js --save-dev2.在工具类utils新建一哥crypto.js的文件3.在新建文件夹内复制以下代码/** * 工具类 */import Vue from \'vue\'import CryptoJS from \'crypto-js\'export default ...
2024-01-10
vue项目钩子hook问题？
在一个vue项目中，当前我有两个hook：useTable和useFrom并且有两个请求 requestA和requestB，useTable中需要请求requestA并获取到其返回的数据。hooksB中需要请求requestA和requestB，并且useForm中要求要请求完requestA才能请求requestB，因为在requestB中需要用到requestA返回的数据。我如何才能不让re...
2024-02-22
vue组件如何被其他项目引用
自己写的vue组件怎么才能让其他人引用呢，或者是共用组件如何让其他项目引用。本文就粗细的介绍下，如有疑问欢迎共同讨论。在这里你能了解下如下知识点：1. 如何发布一个包到npmjs仓库上2.如何引用一个npm包，尤其是本地引用3.vue组件的两种引用方案一、发布一个包到npm的步骤在npmjs.org上注册...
2024-01-10如何为vue的项目添加单元测试
动机单元测试能避免出现一些代码运行结果与预期不符的错误，通常是一些比较低级但又难以发现的问题。粗心且懒，在每次调整之后，需要不断地检查代码，反复去走流程。担心由于自己的改动而导致了逻辑上的错误。而这里面的一大部分工作其实可以让单元测试来完成。有了单元测试之后，可...
2024-01-10
vue 项目地址去掉 #的方法
vue-router 设置 history 模式vue 项目往往会搭配 vue-router 官方路由管理器，它和 vue.js 的核心深度集成，让构建单页面应用变得易如反掌。vue-router 默认为 hash 模式，使用 URL 的 hash 来模拟一个完整的 URL，所以当 URL 改变时，页面不会重新加载，只是根据 hash 来更换显示对应的组件，这就是所谓的单页面应...
2024-01-10
vue项目打包发布，跨域问题求助
vue开发了以一个小插件，中间调用了一个第三方接口，在本地开发环境中，配置了proxy，解决了跨域问题，但是打包之后，发布npm包后，失效了这里该怎么解决呢，或者有什么思路呢，各位大佬们这里是发布npm包（中间调用了一个第三方接口），解决跨域，配置nginx肯定不合适在这种情形试了网上的方案，jsonp跨域，但是这个第三方接口做了限制（crob)，jsonp跨域不成功回答：可以尝试让后端出个代理...
2024-02-22
vue项目打包以及优化的实现步骤
目录vue项目的打包上线及优化vue项目的打包项目托管项目的常见优化vue项目的打包上线及优化项目完成，我们会将项目进行上线，为了提升性能，我们往往会进行一些优化处理vue项目的打包脚手架项目中有一个默认的打包命令,我们可以输入npm run bulid来对项目进行打包打开终端，切换到项目根目...
2024-01-10详解vue移动端项目代码拆分记录
撸一套vue多端共用，非常适合需要快速且全面上线的项目。但是多端共用一套vue代码，由于平台间的互相限制，每端在某些业务例如支付分享等是完全独立的代码，每个平台的支付方式也会有所差异，造成在这些业务的实现过程中会有太冗余的“if else”判断。所以为了提高代码的复用性、扩展性，可...
2024-01-10
