vue项目实战开发

使用 ESLint 在 Vue 项目中进行代码检测与规范

2.在Vue项目中集成ESLint步骤1：安装ESLint步骤2：初始化ESLint配置文件步骤3：安装VueESLint插件步骤4：配置ESLint规则3.在提交代码前执行ESLint检测步骤1：安装
zaijin.yang·2024-01-19 15:52

【vue中文件及文件夹命名规范详细介绍】

vue中文件及文件夹命名规范详细介绍1.介绍2.命名规范3.文件夹名4.路由和子文件夹5.单文件组件的大写字母6.测试文件7.约定性书写1.介绍在Vue项目中，合理的文件和文件夹命名对于代码维护和团队协作非常重要
程序员不想YY啊·2024-01-19 14:43

Nginx 单域名多项目配置汇总

本篇文章为自用nginx多项目配置汇总，涉及Laravel项目/Websocket/Vue项目和Golang项目，基础项目为laravel项目。基础项目配置laravel的nginx配置。
L·S·P·2024-01-19 14:10

vue项目打包成桌面应用并修改图标

目录1.打包为桌面应用2.修改图标3.发现问题：这个打包出来在使用的时候发现里面有些界面样式不兼容，就换了一个打包方式1.打包为桌面应用1.在vux项目的终端执行打包npmrunbuild2.会在项目文件夹里面出现一个dist文件夹里面有这几个文件组成3.在这里需要添加一个package.json文件package.json内容{"name":"鼠标放图标上面的提示文字","version":"1
巨蟹座守护骑士·2024-01-19 13:12

记录electron+vue打包桌面应用程序。

先新建一个vue项目如下：
嗬呜阿花·2024-01-19 13:41

使用Electron将Vue项目打包成桌面应用

q=Electron&spm=1001.2101.3001.70201、Electron安装命令：npminstallelectrong2、Vue项目添加Electron-builder打包工具：vueaddelectron-builderPS
小_U·2024-01-19 13:41

关于在Vue项目中，运用electron打包成web桌面应用的心得浅见

最近的一个vue项目由于有做成桌面应用的需求，在网上找了不少，这一篇介绍electron的很有用：http://blog.csdn.net/j_bleach/article/details/78513282
xjf18250534957·2024-01-19 13:41

Vue：使用electron将Vue项目打包为Windows应用（.exe）

一、下载electron的官方例子进行修改gitclonehttps://github.com/electron/electron-quick-start二、修改路径1.打开vue.config.js中，把publicPath的值"/“改为”./"module.exports={/***YouwillneedtosetpublicPathifyouplantodeployyoursiteunder
Yolo呀·2024-01-19 13:11

前端vue项目 存在 vite 如果需要打包成win和mac端 .exe文件的方法 用代码实现

要将使用Vite构建的Vue.js项目打包为Windows和macOS平台的可执行文件，可以使用electron-builder进行打包。electron-builder是一个基于Electron的构建工具，可以轻松地将应用程序打包成可执行文件和安装程序，支持Windows、macOS和Linux平台。以下是实现该过程的代码示例：首先，安装electron-builder和electron依赖：n
曲江涛·2024-01-19 13:40

vue项目使用electron进行打包操作

一、设置国内镜像npmconfigedit执行后会弹出npm的配置文档，将以下类容复制到文件末尾。electron_mirror=https://npm.taobao.org/mirrors/electron/electron-builder-binaries_mirror=https://npm.taobao.org/mirrors/electron-builder-binaries/二、创建v
春啊春·2024-01-19 13:38

将vue项目打包成桌面客户端实现点击桌面图标直接进入项目

1.下载NW.js下载地址：NW.js官网下载完后zip解压2.文件夹下新建index.htmlindex内容如下：window.location.href='项目地址';3.文件夹下新建package.json文件package.json内容如下：{/**指定程序的起始页面。*/"main":"index.html",/**字符串必须是小写字母或者数字，可以包含.或者_或者-不允许带空格。nam
小吴头大·2024-01-19 13:07

unocss+iconify技术在vue项目中使用20000+的图标

安装依赖npmiunocss@iconify/json配置依赖vue.config.js文件uno.config.js文件main.js文件使用class名是i-开头，跟库名:图标名，那都有什么库？什么图标？在https://icones.js.org/找几个看看记得加i-哦i-库名:图标名效果看，是异步加载svg的图标
美酒没故事°·2024-01-19 13:02

vue项目发版后清理浏览器缓存代码

1、在main.js中清理本地缓存//在main.js中添加以下代码import{version}from'../package.json';window.addEventListener('load',()=>{//获取当前版本号constcurrentVersion=localStorage.getItem('appVersion');//如果当前版本号与最新版本号不一致，则清除缓存if(cu
岳哥i·2024-01-19 11:30

vue项目开发中常用的正则校验

/***@param{string}path*@returns{Boolean}*/exportfunctionisExternal(path){return/^(https?:|mailto:|tel:)/.test(path)}/***@param{string}str*@returns{Boolean}*/exportfunctionvalidUsername(str){constvalid
杨同学a·2024-01-19 11:08

vue3的创建及认识

创建项目使用creat-vue搭建vue3项目2、认识creat-vuecreate-vue是Vue官方新的脚手架工具，底层切换到了vite（下一代前端工具链），为开发提供极速响应3、创建create-vue
香香爱编程·2024-01-19 10:06

vue 不生效 打包 样式_解决在vue项目中webpack打包后字体不生效的问题

最近在项目开发过程中遇到如下问题：开发环境中设置的字体样式使用webpack打包后到生产环境不生效。如图：打开控制台查看元素样式，发现在开发环境的时候"微软雅黑"被解析成unicode编码并且带着双引号，但使用webpack打包以后，"微软雅黑"的双引号被错误解析并多加了个反斜杠，导致字体不生效。解决方法：尝试了一下去掉双引号，也就是font-family:微软雅黑，这样浏览器并不会把中文字体用u
丞高·2024-01-19 10:50

Springboot项目与vue项目整合打包

我的环境*JDK1.8*maven3.6.0*node环境1.为什么需要前后端项目开发时分离，部署时合并？在一些公司，部署实施人员的技术无法和互联网公司的运维团队相比，由于各种不定的环境也无法做到自动构建，容器化部署等。因此在这种情况下尽量减少部署时的服务软件需求，打出的包数量也尽量少。针对这种情况这里采用的在开发中做到前后端独立开发，打包时在后端springboot打包发布时将前端的构建输出一起
十步杀一人_千里不留行·2024-01-19 10:14

npm run dev 启动vue的时候指定端口

使用的是VueCLI来创建和管理Vue项目，可以通过设置--port参数来指定启动的端口号。
Miraitowa_chole·2024-01-19 09:40

Android：JNI实战，加载三方库、编译C/C++

计划分两篇博文讲述Jni实战开发。本篇主要从项目架构上剖析一个AndroidApp如何通过Jni机制加载三方库和C/C++文件。
肖云鹤·2024-01-19 08:56

vue初体验(一)

npminstall-gvue-cli全局安装vueinitwebpackproject-name创建一个vue项目cdproje
winterzy·2024-01-19 06:27

vue.js项目中重新加载当前页面的方法

二.解决方法provide/inject的组件组合具体使用方法:1.在前端vue项目App.vue中添加如下代码exportdefault{name:'App',provide(){return{reload
shineyoungBoy·2024-01-19 04:42

关于Vue中使用原生reload刷新页面方法

可以在必要的时候使用此方法但在vue项目中直接使用reload()方法刷新页面是无效的并还会报错是因为我们并没注入相关依赖使用inject方式注入首先在app.vue的文件中插入并配置成全局exportdefault
丸子'·2024-01-19 04:11

vue项目中处理路由视图的重载问题

app.vue页面的代码如下：exportdefault{name:'App',provide(){return{reload:this.reload}},data(){return{isReload:true}},methods:{reload(){this.isReload=falsethis.$nextTick(()=>{this.isReload=true})}}}这段代码是一个Vue.j
black方块cxy·2024-01-19 04:11

步骤3：本地创建实例vue项目并上传到github上

0.确保你的本机电脑是有node环境的，使用下面的命令检查一下image.png如果没有显示版本号，证明你没有安装node环境，请移步度娘，搜索怎么安装node环境。0.1安装好node之后，即得到了npm包管理工具，使用下面的命令检查一下image.png如果没有显示版本号，请检查原因。0.2使用npm包管理工具安装vue-cli脚手架，安装命令如下：image.png如果直接使用npminst
木头就是我呀·2024-01-19 04:37

使用electron打包vue项目 打包配置，打包exe文件和安转包

安装依赖yarnaddelectron-packager--devyarnaddelectron--develectron.jspackage.json两个文件将放到打包后的dist目录下在根目录的package.json的script中加脚本"win64":"electron-packager./dist/studyelectron_win64--out./OutApp--platform=wi
Jay_帅小伙·2024-01-19 02:25

第七章：vue路由

vue路由下面我们由开启了一个新的页面，我们新增了一个部门管理的页面我们就要实现下面的功能在点击部门管理时显示部门管理的页面在点击员工管理时显示员工管理的页面第一步这里我们不需要安装，因为我们在创建这个vue
幸运小新·2024-01-19 01:08

vue知识-07

$refs.名字---组件对象.组件对象.属性#在vue项目中使用://写在组件上handleClick(){console.log(this.$refs)  this.
糖果爱上我·2024-01-19 00:29

使用 vue-cli 脚手架搭建Vue项目

安装Nodejs去官网下载最新版本，然后安装安装完之后安装淘宝npm镜像(也可以安装镜像)npminstall-gcnpm--registry=https://registry.npm.taobao.org全局安装vue-cli新建一个项目下面称之为my-project全局安装vue-clinpminstall-gvue-cli如果这里报permission错误的话，命令前面加上sudo，然后输入
苦瓜_6·2024-01-19 00:44

vue项目中引入自定义字体

在还原页面的时候可能会遇到微软字体库之外的特殊字体，这种字体就需要自己导入，比如页面中有一些地方需要数字时钟字体来显示，这种就要自己在项目中导入字体文件图片上数字时钟字体的资源链接在下方，是一个ttf文件提取数字时钟字体链接提取码：ittf下载的文件打开是下面这个样子的文件里面有一个"字体名称"，我们的文件名最好和这个字体名称的值一致，文件的后缀名有的是大写的TTF，还有的是小写的ttf，这个后缀
不吃糖的哼哼·2024-01-18 21:36

Vue中使用天地图

Vue项目引入天地图在vue的静态资源目录下的index.html中引入天地图的底图，开发天地图源码路径：天地图API方法一：加载天地图，引用：public/index.html方法二：下载4.0天地图
码农键盘上的梦·2024-01-18 20:53

新建的vue项目如何布局（侧边栏，主页等）

新建一个vue项目，能够运行起来在src的view文件夹下，创建一个layout文件夹，然后分别创建如图所示的四个vue在MainLayout的代码3、找到router下面的index.js,配置，修改原来的
畏迁c·2024-01-18 19:22

vue项目出现此地址，但是访问时显示，嗯… 无法访问此页面localhost 已拒绝连接

vue项目出现此地址，但是访问时显示，嗯…无法访问此页面localhost已拒绝连接。
畏迁c·2024-01-18 19:22

解决创建的vue项目没有router，view文件夹

出现问题如图，没有router，view等文件夹错误原因：创建的vue项目没有router，view文件夹是因为创建项目时的Pleasepickapreset:这个问题选错了，也就是第一个问题如图所示，
畏迁c·2024-01-18 19:22

安装脚手架Vue CLI详解！！！

可以帮助我们快速创建一个开发Vue项目的标准化基础架子【集成了webpack配置】安装脚手架好处：开箱即用，零配置；内置babel等工具；标准化安装步骤：建议：先在电脑安装node.js-->查看自己的
Crastal_qwq·2024-01-18 19:07

基于html2canvas 的简易截图工具

今天分享一个自己手写的简易截图工具（基于html2canvas），因为是在vue项目上做的，少量用了es6语法，如果不支持es6的项目上需要稍微修改下，写的时候有考虑过这个，所以只需要改引入方式、将class
夜伴钟声丶·2024-01-18 16:54

vue项目中写echarts水球图-liquidFill

效果图：1、安装依赖npminstallecharts@^4.9.0npminstallecharts-liquidfill@^2.0.22、引入echartsimportechartsfrom'echarts'//echarts5之前import*asechartsfrom'echarts'//echarts5import"echarts-liquidfill/src/liquidFill.js
未来可期xm·2024-01-18 15:21

你是怎么处理vue项目中的错误的？

一、错误类型任何一个框架，对于错误的处理都是一种必备的能力在Vue中，则是定义了一套对应的错误处理规则给到使用者，且在源代码级别，对部分必要的过程做了一定的错误处理。主要的错误来源包括：后端接口错误代码中本身逻辑错误二、如何处理后端接口错误通过axios的interceptor实现网络请求的response先进行一层拦截apiClient.interceptors.response.use(res
蓝斑.json (前端)·2024-01-18 14:18

问题：在vue项目中table列表要怎么展示svga格式动画图标效果？

遇到的问题：最近在做项目的时候，需要在项目中table列表要怎么展示svga格式动画图标效果。第一次接触那么要怎么处理呢？解决思路：一、先了解一下svga是什么？SVGA是一种跨平台的开源动画格式，同时兼容iOS/Android/Web。SVGA除了使用简单，性能卓越，同时让动画开发分工明确，各自专注各自的领域，大大减少动画交互的沟通成本，提升开发效率。动画设计师专注动画设计，通过工具输出svga
Amrice_·2024-01-18 11:29

Axios在vue项目中的安装使用以及基本的请求方法

如何安装在Vue项目中使用Axios，你需要先安装Axios库。主要有三种安装方式：
设计师工作日常·2024-01-18 11:43

Luckysheet类似excel的在线表格(vue)

参考文档：快速上手|Luckysheet文档一、引入在vue项目的public文件夹下的index.html的标签里面引入二、页面应用2.1、视图中定义一个容器Excel在线编辑2.2、初始化容器mounted
野槐·2024-01-18 11:03

JavaWeb+VUE项目前后端交互

前后端交互1.创建axios.js文件//1.导入axiosimportaxiosfrom'axios'//2.创建axios对象letinstance=axios.create({  //指定公共的请求前缀,暂时不需要上下文,使用/代替  baseURL:"http://localhost:8080/",  timeout:5000})//3.添加拦截器instance.interceptors
良月廿四212·2024-01-18 09:29

vue监听url地址栏参数变化

问题：在开发过程中我们有可能会遇到一个问题，就是在一个vue项目中引入了一个组件，点击这个组件跳转的还是当前的页面，只是传递的参数发生了变化，这个时候我们传递的参数就不能正常的赋值了，这是因为页面没有重新加载
Right atrium·2024-01-18 09:53

vscode/webstorm自定义vue模板

导语在进行vue项目时，我们需要对编译器进一步配置来支持vue文件以及相关模板语法的高亮显示等。本文列出关于webstorm和vscode两种常用编译器的模板语法配置。
流眸Tel·2024-01-18 09:58

vue项目GoJS去水印真实有效-2.2版本已测

在node_modules/gojs/release/go-module.js与node_modules/gojs/release/go.js中搜索String.fromCharCode(a.charCodeAt此时可以看到String.fromCharCode(a.charCodeAt(g)^b[(b[c]+b[d])%256]);这一串代码往后看他有一个判断条件替换为如下代码即可;if(f.i
ifyang小白·2024-01-18 09:27

❤ vue的实际使用

❤vue的实际使用vue项目中video标签的动态路径使用方法及里面的坑需求：在详情展示的时候播放.mp4文件,然后动态改变这个视频的路径无法生效原因：使用video标签的时候,会在里面嵌套一个source
林太白·2024-01-18 07:32

vue项目生成二维码

下载依赖npmiqrcodejs2-S页面引用importQRCode2from'qrcodejs2'使用例子//html......//js...data(){QRText:'www.baidu.com'},...mounted(){this.getQRcode()},methods:{getQRcode(){letqrcodeDiv=document.getElementById("qrcod
EsquireY·2024-01-18 07:23

vsCode 修改默认语言模式

一次项目更新之后，vue项目也不认识了。每次进入默认语言模式都是Batch需要手动去切换，比较繁琐。
EsquireY·2024-01-18 07:21

vue-预览public(本地)文件下的pdf文件方式

3.注意：1）在vue项目中，读取本地的pdf文件需要放到public下static文件夹中，不能放在别的地方；2）引用时，不能使用相对路径，因为使用publ
coinisi_li·2024-01-18 06:33

Vue项目build执行编译时卡住，长时间不动

今天打开项目npmrunbuild编译的时候突然卡住了，同时发现报Buildingfordevelopment...Browserslist:caniuse-liteisoutdated.Pleaserun:npxbrowserslist@latest--update-db退出idea重启、重启电脑都没有解决。于是就开始找度娘来解决问题。解决一：File–>ProjectStrucure–>Pro
是阿星啊·2024-01-18 02:28

vue项目在运行npm run build时卡住不动的解决办法

vue项目在运行npmrunbuild时卡住不动的解决办法解决办法：1、找到项目中build目录下的check-versions.js文件，将如下代码注释掉即可：if(shell.which('npm'
绒雨流·2024-01-18 02:28
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他