E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
VUECLI3
一篇文章带你使用Typescript封装一个Vue组件
一、搭建项目以及初始化配置vuecreatets_vue_btn这里使用了
vueCLI3
自定义选择的服务,我选择了ts、stylus等工具。然后创建完项目之后,进入项目。
Vam的金豆之路
·
2020-06-25 15:46
TypeScript
vue cli3项目添加githook,代码提交前eslint验证
vuecli3
项目添加githook,代码提交前eslint验证在package.json的gitHooks字段中定义:"gitHooks":{"pre-commit":"lint-staged"}安装
笑苍海
·
2020-06-25 15:14
框架与插件
Vue3.x 打包前配置
在项目中新建vue.config.js文件(
vuecli3
配置文件),设置publicPath然后设置publicPathmodule.exports={publicPath:process.env.NODE_ENV
小破孩呦
·
2020-06-25 14:36
Vue总结
vue-cli3快速创建项目
@vue/cli或yarnglobaladd@vue/cli2.查看版本/是否安装成功vue-Vimage.png3.在新文件夹下创建项目vuecreatemy-projectimage.png指向的
vuecli3
哈哈哦0
·
2020-06-25 04:37
前端
js
vue cli3 配置sass全局变量设置不生效,sass混合器文件全局引入
vuecli3
配置sass全局变量的问题首先确保依赖安装完整找到vue.config.js加入配置信息首先确保依赖安装完整1.node-sass2.sass-loader3.style-loader如果没有安装
Ctrl加V
·
2020-06-24 14:51
vue
proxy代理的使用(解决跨域,配置多个代理)
一、什么是代理字面意思就是类似中间商,开启代理,原理就是在本地创建一个虚拟服务器,发送请求数据,同时接受请求的数据,利用服务器与服务器间,交互,不会有跨域问题,也是完全只靠前端自己独立解决跨域的方式以
vuecli3
MmM豆
·
2020-06-24 13:36
vue笔记
解决Vue cli 4.0 无法自动导入svg的问题
使用
vuecli3
/4搭建项目使用svg自动导入的方法:1、安装svg-sprite-loader、svgo这两个库npminstall--save-devvue-svg-sprite-loadernpminstall-gsvgo2
BigToffee
·
2020-06-24 03:50
网页前端
基于vue cli3实现甘特图拖拽
基于
vuecli3
实现甘特图拖拽因为工作中要用到甘特图,所以我在网上搜索可以用的甘特图,搜索了好多,但是网上搜到大多数都很鸡肋,不能直接使用,最后我在github上搜索到一个相对成熟的甘特图。
Wombat-
·
2020-06-23 12:14
前端
vue错误总结
如果你的项目没有用到sockjs,
vuecli3
运行npmrunserve之后network里面一直调一个接口:http://localhost:8080/sockjs
宝儿的程序生涯
·
2020-06-23 07:54
常见问题总结
基于Vue-cli3的Karma + Mocha + Chai + Vue Test Utils的前端测试框架
KarmaMochaChaiVueTestUtils构建单元测试项使用cli3构建项目集成karma编写测试用例运行测试用例问题使用Vue-cli3自动搭建的测试环境,没有集成karma直接运行开始测试,webpack的编译报错参考
Vuecli3
懒牛不爱梳毛
·
2020-06-23 04:03
前端
vuecli3
针对spa项目预渲染配置
目前项目需要进行seo优化,调研了一下prerender预渲染,简述一下配置和不足预渲染:构建阶段生成匹配预渲染路径的html文件(注意:每个需要预渲染的路由都有一个对应的html)。构建出来的html文件已经有静态数据,需要ajax数据的部分未构建。如果你调研服务器端渲染(SSR)只是用来改善少数营销页面(例如/,/about,/contact等)的SEO,那么你可能需要预渲染。配置vueadd
AwesomeCPA
·
2020-06-23 00:10
前端
关于前端spa项目seo优化改造方案(预渲染,ssr,nuxt比较)
目前的的前端项目为基于
vuecli3
搭建的spa项目,由于需求提出需要对首页,部分内容页面做seo优化,涉及到前端项目的框架和部分页面的改造。
AwesomeCPA
·
2020-06-23 00:10
前端
vue项目多页面,多入口,多路由,多主题解决方案(
vuecli3
)
如题,目前有两种尝试方法:目录一.配置多个环境变量控制路由,主题和js改动二.配置多个入口文件一.配置多个环境变量控制路由,主题和js改动适用于:同一逻辑(登录,权限,基础功能)下,只有主题和部分页面不同,大部分页面相同配置环境变量.env.zhejiang(开发环境).env.zhejiang.build(生产环境)修改package.json,新增页面脚本修改vue.config.js中的pa
AwesomeCPA
·
2020-06-23 00:10
前端
如何让关闭网页上 sockjs-node/info的接口
如果你的项目没有用到sockjs,
vuecli3
运行npmrunserve之后network里面一直调研一个接口:http://192.168.0.101:8001/sockjs-node/info?
zhooson
·
2020-06-22 10:40
vue2.0
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
一、搭建项目以及初始化配置vuecreatets_vue_btn这里使用了
vueCLI3
自定义选择的服务,我选择了ts、stylus等工具。然后创建完项目之后,进入项目。
·
2020-06-22 08:10
Vuex的热更替如何实现
实现首先,我们这里使用了
VueCLI3
。在根目录下的src目录下我们有一个存放Vuex的文件夹叫做store文件夹。首先我们分割成几个模块。下面我们把它们分别引入,
·
2020-06-22 08:08
vueCli3
测试环境打包js文件目录以及配置
vuecli3
已经出来不短时间了,但是我在实际应用当中还是存在一些问题,比如我想打包一个测试环境的包,js被打包至与html同级目录下,虽然这不影响生产环境的打包目录,但这还是给我造成很大的困扰,因为我想要打包后的
Mythsool
·
2020-06-22 01:22
VUE
Vue打包优化之gizp压缩
在
VueCLI3
中webpack在打包时可以借助compressionwebpackplugin实现gzip压缩。
蚂蚁上的大象
·
2020-06-21 22:29
Vue.js
webpack
JavaScript
vue-cli3项目修改项目配置
vuecli3
官网给出了方法。
Djj_Alice
·
2020-06-21 19:12
vue
面试分享:两年工作经验成功面试阿里P6总结
这里推荐阅读之前写的文章(前面两篇实用型,后面两篇对面试应该会有帮助):
VueCLI3
结合Lerna进行UI框架设计Cz工
Web全栈开发
·
2020-06-21 13:35
前端程序员
前端
面试
Vue.js知识点总结 (脚手架Vue CLI3的安装)
本篇是讲关于脚手架
VueCLI3
快速安装安装安装命令npminstall-g@vue/cil条件:node.js的版本在8.9以上卸载命令npmuninstallvue-cil-g安装如图所示:安装中安装完成后输入地址后如果出现这个界
数据库爆破专家
·
2020-06-21 06:18
前端_Vue.js
vuecli3
开发模式431header过大问题解决方法
最近项目中加入了权限控制,使用了jwt的token,导致header过长,接口直接报431的错误由于后台是nginx做的代理,所以在nginx中做了配置:client_header_buffer_size16k;large_client_header_buffers416k;但是我们前端本地启动开发环境已经用proxy做了代理了,难道还要用nginx再次本地代理一次吗?坚决不!于是便着手改造dev
AwesomeCPA
·
2020-06-21 00:47
前端
vue.js
node.js
如何用Vue+TypeScript项目配置实战?本文教你
(官方文档请戳>>)❞项目搭建通过脚手架搭建1.通过
VueCLI3
创建vue项目vuecreatevue-typescript//在此选择typescript支持?
程序员的人生A
·
2020-06-12 11:00
VueCli3
遇到的问题
1.记一个配置时候遇到的问题。怎么配置网上有一堆大概向下面这样:TIM图片20191010110954.png问题就是如果你的api端口地址是80,而你cli的port默认是8080的话,这样配置还是访问不到的,会报502网关错误,我试过在target地址后面填上端口80不好使,最后是把port改成与api接口一样的端口号就调通了。2.移除严格模式安装cnpmibabel-plugin-trans
依然淳熙
·
2020-06-11 15:48
解决
VueCLI3
项目打包上线刷新 404 的问题
最近我创建的极客返利平台采用前后分离的方式。前端框架主要是VueCLI搭建的。但是项目打包上线以后出现二级页面404的问题。例如/about页面。刷新就会出现404。或者直接复制二级页面重新打开同样也是404。最终经过一番搜索,解决方案如下:Nginx例如使用Nginx部署,须做如下修改即可location/{error_page404/index.html;}重启Nginx即可。sudoserv
hedeqiang
·
2020-05-27 23:05
vue.js
nginx
apache
极客
Vue Cli3 项目 vue.config.js 配置
VueCli3
项目vue.config.js配置配置优化一、js文件最小化处理二、分割代码三、图片资源压缩四、开启gzip压缩先看一下优化配置之前的文件大小通过vue-cli3脚手架创建的项目,可以通过在项目根目录下创建
星河子_YumWisdom
·
2020-05-14 10:56
vue
webpack
vue CLI 4.x.x脚手架搭建步骤解析与总结
概述浏览了vueCLI的官网,发现
Vuecli3
版本和vuecli4版本之间的区别并不大。在这里,我介绍的是vuecli4.x.x版本的搭建。
原来是小柒
·
2020-04-29 15:13
Vuejs
vue.js
vue项目中限制input只能输入一个小数点及后两位number
我这里用的是vue移动端的vant框架中的NumberKeyboard数字键盘组件如下图这种效果↓image.png1.安装vue脚手架推荐使用Vue官方提供的脚手架
VueCli3
创建项目npminstall-g
程序猿阿峰
·
2020-04-29 13:14
浅析vue cli3 封装Svgicon组件正确姿势(推荐)
vuecli3
手把手教学封装Svgicon组件第一步:在src文件下新建一个放置svg文件的文件夹第二步:在components文件下新建一个Svg组件这是一个文件夹专门用来存放项目里面需要使用的svg
quieta
·
2020-04-27 14:11
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
今天,我们使用
VueCLI3
做一个移动端适配。前言首先确定你的项目是
VueCLI3
版本以上的。
Vam的金豆之路
·
2020-04-27 11:05
"serve": " node_modules/.bin/vue-cli-service serve --open"
在
vuecli3
项目中这么配置启动"serve":"node--max_old_space_size=4096node_modules/.bin/vue-cli-serviceserve--open",
码工思博
·
2020-04-14 12:06
vue.js
macbook
linux
windows
Vue - Vue CLI(5): 用Vue-CLI3、Vue-CLI4创建的项目 打包及打包优化 配置
前文Vue-VueCLI(4):Vue-CLI2和Vue-CLI3、Vue-CLI4的区别里面有提到:
VueCLI3
、VueCLI4新建的项目,根目录结构内少了之前的build、config、static
益州府龙骑校尉
·
2020-04-14 11:00
前端试题(一)
你还要错过
VueCLI3
?区别写得很详细全局安装一个桥接工具VueCLI是一个基于Vue.js进行快速开发的完整系统,提供:通过@vue/cli搭
Stephy_Yy
·
2020-04-05 10:10
面试题集
javascript
vue.js
面试
es6/es7
node.js
同时安装Vue CLI2和Vue CLI3的方法
0.前言如果你想体验
VueCLI3
的简洁清爽,又偶尔需要使用VueCLI2,那这篇帖子就是你需要的。
像烟花一样绚烂
·
2020-03-24 17:18
【Vue】教程:三、Vue Cli3项目结构优化
前提完成
vuecli3
项目的新建,可参考教程【Vue】windows下
vuecli3
安装及搭建项目详解
vuecli3
项目默认目录结构一、结构优化1.优化router优化后router结构├──router
smartdream
·
2020-03-09 13:32
使用vue-cli3+typescript的项目模板创建工程的教程
版本问题全局安装过旧版本的vue-cli(1.x或2.x)要先卸载它(vue-V查看自己的脚手架版本)npmuninstallvue-cli-g//或者yarnglobalremovevue-cli注:
VueCLI3
小怀Vivian
·
2020-02-28 09:41
(干货)快速上手最新的 Vue CLI 3章
概要:本文将指导你快速上手
VueCLI3
,包括最新的用户图形界面和即时原型制作功能的使用步骤。
WEB全栈开发陈老师
·
2020-02-20 11:32
vue-cli3
VueCLI3
相关资料集锦1.中文文档:https://cli.vuejs.org/zh/guide/爬虫+es+mq+redis1.基于java语言爬虫框架webmagic2.基于elasticsearch5.4.2
o雨粒石o
·
2020-02-19 09:26
vue-cli3快速创建项目
@vue/cli或yarnglobaladd@vue/cli2.查看版本/是否安装成功vue-Vimage.png3.在新文件夹下创建项目vuecreatemy-projectimage.png指向的
vuecli3
LLLLIANGS
·
2020-02-17 13:21
快速上手最新的 Vue CLI 3
疯狂的技术宅原文:https://blog.logrocket.com/getting-started-with-the-new-vue-cli-3-43bcbe1ae759概要:本文将指导你快速上手
VueCLI3
疯狂的技术宅
·
2020-02-12 10:04
vue技术及后端技术相关
一、1、
VueCLI3
文档2、Vue实例里this的使用:在Vue所有的生命周期钩子方法(如created,mounted,updated以及destroyed)里使用this,this指向调用它的Vue
Gracemark7
·
2020-02-09 17:23
Vue 移动端
一、vant有赞前端团队出品:https://youzan.github.io/vant/#/zh-CN/introvantvant应该是vantage(优势的简写)快速上手:Vue官方提供的脚手架
VueCli3
学贤社
·
2020-02-05 23:32
vue-cli3安装 和vue-cli2继续使用
官方链接:https://cli.vuejs.org/zh/guide/installation.html1.安装
Vuecli3
关于旧版本VueCLI的包名称由vue-cli改成了@vue/cli。
泡泡糖_966c
·
2020-01-20 10:33
Vue学习总结(Vue基础,
VueCli3
,VueRouter,Vuex)
Vue学习总结(Vue基础,
VueCli3
,VueRouter,Vuex)目录vue基础知识(1-13)vue引入,实例化vue数据&方法vue绑定(:)vue事件(@)vue事件修饰符(.once.prevent.stop
Allenem
·
2020-01-08 17:17
Vue CLI 3 + webpack + Mockjs实现本地数据模拟
前言
VueCLI3
将webpack的配置融合到了自己的vue.config.js中,官方说法:https://cli.vuejs.org/zh/config/#devserver-proxy,也就是说只要在
microkof
·
2020-01-08 17:28
如何使用 Vue CLI 3 加速你的开发工作流?
最新版的
VueCLI3
不仅功能强大、灵活,还提供了完整图形用户界面。使用新的VueCLI及其VueUIGUI可以更轻松地创建新的Vue.js项目。本文将向你展示如何使用V
程序汪丶
·
2020-01-08 02:01
vue学习笔记
vuecli3
,4
一、下载vuecli直接npminstall-g@vue/cli下载即可同时依赖于vue和vue-template-compiler这两个的版本必须一样,不然会无法构建项目可以通过npmlistvue来查看vue的版本通过vue-V查看vue-cli的版本二、使用vue构建项目直接在终端输入vuecreatemy-project(你的项目名称)三、vue-cli的配置终端输入vueui即可进入可视
LazyPet
·
2020-01-07 19:00
npm install -g @vue/cli-init
安装完
Vuecli3
之后,还想用vue-cli2.x版本
VueCLI3
和旧版使用了相同的vue命令,所以VueCLI2(vue-cli)被覆盖了。
XLsn0w
·
2020-01-06 03:50
vuecli3
如何配置webpack打包报告分析图
首先需要安装webpack-bundle-analyzer插件npminstallwebpack-bundle-analyzer--save-dev然后在config.js中配置module.exports={chainWebpack:config=>{config.plugin('webpack-bundle-analyzer').use(require('webpack-bundle-anal
古墩古墩
·
2019-12-27 12:00
Vue Cli3(代理配置)
cli3vueui映射当前项目的配置,在浏览器内实现GUI操作:直接支持创建项目,配置文件npmrundev启动项目指令,在
VueCli3
内会启动两个服务。
pruple_Boy
·
2019-12-27 02:34
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他