码云vue项目管理
1.码云上根据需求创建项目；2.进入项目——>克隆/下载 选择复制 SSH3.clone码云上的项目到本地：在相关目录(如 A)下运行终端，执行指令: git clone 复制的SSH地址； 此时在A里面创建了码云上项目文件（如B），4.创建vue项目：运行 vue init webpack B(B为克隆到本地的文件夹名称）; 5.根据自己的需求...
2024-01-10
vue项目报错处理
当我们执行完npm run serve命令时，会遇到这样的情况。报错这时我们需要用VS Code把项目打开，然后打开终端，找到package.json文件，里面放的都是我们安装的插件，找到less-loader，删除它，然后记得保存。在终端界面输入npm i命令运行结果我们再次执行npm run serve命令，提示我们缺少两个包...
2024-01-10
vue项目打包步骤
vue项目打包终端运行命令 npm run build打包成功的标志与项目的改变，如下图：点击index.html，通过浏览器运行，出现以下报错，如图：那么应该如何修改呢？具体步骤如下：1、查看package.js文件的scripts命令2、打开webpack.dev.conf.js文件，找到publicPath: config.dev.assetsPublicPath,按Ctrl点击，跳转到index.js文件3...
2024-01-10
vue项目打包压缩？
vue项目已经使用UglifyJsPlugin进行打包压缩了，上级要求项目打包之后js文件再小点，还有什么处理办法呢？希望大佬们能给点建议，如果可以的话，有点代码支持！拜谢！！！回答：webpack配置Compression-webpack-plugin压缩gzip文件https://segmentfault.com/a/1190000044007909回答：可以安装一下这个插件compres...
2024-02-05
vue项目运行端口问题
在运行vue项目时，项目配置端口与实际运行端口不一致这是什么原因 而且每一次重新启动的端口还都是随机的，没有重复的，困扰一天了，求解回答：npm install portfinder@1.0.21运行一下就可以了回答：今天也遇到这个问题了~！解决办法：在项目的 package.json 中新增一个属性：{ "resolutions": { "@vue/cli...
2024-01-10
vue 项目打包报错?
vue 项目打包报错? 应该怎么调整？ error in ./src/store/modules/userStore.tsModule parse failed: Unexpected token (30:30)File was processed with these loaders: * ./node_modules/cache-loader/dist/cjs.js * ./nod...
2024-02-17
Vue项目-商城
Vue商城项目结构分析：固定的头部： mint-ui组件库的Header组件切换的组件： 放置一个router-view来展示路由匹配到的组件固定的底部： MUI框架的代码片断 tabbar制作tabbar中的图标图标的类名在icon.thml和icons-extra.html中查找使用icons-extra.html中的图标时要引入对应的字体文件和样式文件将tabbar中的链接...
2024-01-10
vue项目实例-常用标签
感谢：https://www.jianshu.com/p/5d9b341d650f总结：1、<router-link to=\'\'>主要实现跳转链接功能，属性to=\'/\'即是跳转到path为\'/\'的路径.2、v-bind动态绑定指令，格式为：v-bind:你要动态变化的值="表达式"3、v-for列表渲染例：<tr v-for="item in peoples"> <td> {{item.name}} </td> </tr>4、v-show指令与v-if指令的区别就在于...
2024-01-10
vue项目中添加水印效果
基于vue的架构中，在网页中添加水印效果，具体实现 代码如下：新建js文件：例如warterMark.js 1 \'use strict\' 2 3 let watermark = {} 4 5 let setWatermark = (str) => { 6 let id = \'1.23452384164.123412415\' 7 8 if (document.getElementById(id) !== null) { 9 document.body.removeChild...
2024-01-10
vue 项目中实用的小技巧
# 在Vue 项目中引入Bootstrap有时在vue项目中会根据需求引入Bootstrap，而Bootstrap又是依赖于jQuery的，在使用npm安装时，可能会出现一系列的错误1、安装jQuerynpm install jquery2、安装Bootstrapnpm install [email protected]3以上两步，也可以先在package.json 配置文件中指定版本号，然后运行 npm install安装完了以后项目...
2024-01-10
vue项目加密之CBC加密
CBC加密1.添加工具类import CryptoJS from \'crypto-js\'const keyStrs = \'huayunabcd123456\'const keyIv = \'huayunkjsecurity\'export default {//加密 encrypt(word){ // cbc加密 let key = keyStrs; let iv = keyIv; key = CryptoJS.enc.Utf8.parse(key); iv = Cr...
2024-01-10
vue项目菜单点不动的问题
菜单点不动，console报错，刷新后正常在网上找到解决办法是router.onError((error) => { const pattern = /Loading chunk (\d)+ failed/g; const isChunkLoadFailed = error.message.match(pattern); const targetPath = router.history.p...
2024-02-15
vue项目中操作PDF文件
以前从来没接触过前端要求显示PDF文件，一时之间有点懵逼，不知从哪下手啊... 无奈之下，去找度娘，方法还不少，iframe embed object这些标签就可以， 可是拿过来做个demo一试，并没有什么卵用，网页中可以显示pdf，但是页面上就是出不来，反正我是没有试成功；还有PDFObject PDF.js 这两...
2024-01-10
vue项目中使用骨架屏的方法
现在的应用开发，基本上都是前后端分离的，前端主流框架有SPA、MPA等，那么解决页面渲染、白屏时间成为首要关注的点webpack可以按需加载，减小首屏需要加载代码的体积；使用CDN技术、静态代码等缓存技术，可以减小加载渲染的时长问题：但是首页依然存在加载、渲染等待时长的问题。那么如何...
2024-01-10
vue----第一个工程项目
1、创建工程vue init webpack hello-vue安装依赖# 进入工程目录cd hello-vue# 安装 vue-routernpm install vue-router --save-dev# 安装 element-ui(在vue项目中)npm i element-ui -S# 安装 SASS 加载器npm install sass-loader node-sass --save-dev# 安装依赖npm installNPM 相关命令说明npm install moduleName：安装...
2024-01-10vue 项目 用户数据请求？
场景描述：目前项目将用户数据请求放在 App.vue 文件的 mounted 中而在路由拦截器中，会去判断用户是否为空当页面需要认证且用户数据为空时，路由会跳转到/login问题描述：当首次进入页面时，会先经过路由拦截器，再到 App.vue 中，调用请求数据的方法所以在 App.vue 中请求数据似乎不是很合理各位大佬平时在项目中是怎么实现的呢？回答：在login界面登录，登录成功后把toke...
2024-02-05
vue项目-各类卡顿问题记录
1、慎重修改prop传来的对象数据父子组件，是通过prop组件来实现通信的。如果是个基础类型，在子组件修改了prop的值，vue会报错。但是如果是引用类型，不会报错，甚至还给你修改了。当我们使用父组件传来的prop对象来构建视图，并有修改操作的时候，你会发现，会卡，会卡，会卡。。。。所以不要...
2024-01-10
使用ts开发vue项目知识点1
用ts开发项目变化还是挺大的由于 TypeScript 默认并不支持 *.vue 后缀的文件，所以在 vue 项目中引入的时候需要创建一个 vue-shim.d.ts 文件，放在根目录下declare module '*.vue' { import Vue from 'vue'; export ...
2024-01-10
Vue项目优化打包详解
目录前言一、路由懒加载1.为什么需要路由懒加载2.如何实现路由懒加载3.路由懒加载中的魔法注释二、分析包大小1.需求2.如何生成打包分析文件三、webpack配置排除打包1.需求2.排除打包四、 引用网络资源1.需求2.CDN3. 实现步骤五、 打包去除console.log1.需求2.代码演示总结前言Vue项目开发完毕后，对项目...
2024-01-10
Vue项目环境配置流程
一、配置仓库公钥（SSH）1、打开命令面板，在命令面板输入ssh-****** -t rsa -C “注册仓库时的邮箱”，在系统盘生成.ssh后缀文件夹和.pub后缀文件。如下图：2、打开.pub后缀文件，复制文件里的代码到码云：这样就生成了公钥二、创建项目仓库点击新建仓库，填好仓库名称以及是否开源等信息即可创...
2024-01-10
浅入深出Vue：发布项目
项目完成之后，当然不能满足于在我们的开发环境下跑一跑。我们可以打包发布到服务器上，让大家一起来欣赏一下你的作品。那么 vue 项目如何打包发布呢，新建的项目目录下通常都有一个 README.md 的文件，里面就描述了发布的步骤：下面这个是 vue-cli 3.x 创建的项目中的 README.md 文件内容：# firstpage...
2024-01-10
Vue2.0项目实战语法
一、安装配置依赖1） vue init webpack-simple 项目名称 2） cnpm install3 ) npm run dev4 ) cnpm install vuex vue-router axios -D5 ) cnpm install style-loader css-loader -D 6 ) 需要在webpack.config.js中加入 { test: /\.css$/, loader: 'style-loader!...
2024-01-10
项目vue2.0仿外卖APP（二）
vue-cli开启vue.js项目github地址：https://github.com/vuejs/vue-cliVue.js开发利器vue-cli，是vue的脚手架工具。在工地上，脚手架是工人搭建好的架子，能够帮助工人们作业；在技术圈，脚手架就是来帮助我们编写好基础的代码的工具。Vue-cli就是帮助我们写好vue.js基础代码的工具。使用Vue.js，当你构建一个原型...
2024-01-10
vue 项目软键盘回车触发搜索事件
目的：掉起来右下角为搜索的按钮步骤：1、input的type改为search，再写keydown按下时的事件调取搜索事件的方法这样安卓手机上回车就变成了“搜索”，不过ios仍然是换行2、input 外面套form，必须要有action，action=“javascript:return true”我的项目用van：想弹出数字键盘，并监听搜索（换行），在安卓上执...
2024-01-10
vue项目打包后请求不到数据的问题
vue项目打包后请求不到数据的问题为什么我们在开发vue项目的时候需要配置反向代理，原因是因为我们本地开发的时候会出现跨域的问题，这个时候就需要反向代理来帮我们处理跨域的问题，但是有些开发者在开发完项目的时候，会直接打包，直接打包的话就会出现问题，请求不到数据，是因为我们...
2024-01-10
