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
@vue-cli3
vue -- Cannot set property 'render' of undefined解决方法
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言在用
vue-cli3
做组件测试时,出现个问题,记录一下报错如下Cannotsetproperty‘render’ofundefined
LeonWuV
·
2020-08-20 22:24
vue
vue及其生态圈学习
vue-cli3
项目展示本地Markdown文件
【版本】vue-cli3webpack@4.33.0【步骤】1、安装插件vue-markdown-loadernpmivue-markdown-loader-D该插件可以将markdown文件加载成vue组件。ps:由于该插件是基于markdown-it的,因此不需要单独安装markdown-it。2、修改vue.config.js配置文件(如果没有,在项目根目录新建一个):module.expo
chenyunqing
·
2020-08-20 21:44
vue.js
vue-cli3
markdown
loader
hyperdown
vue-cli3
项目展示本地Markdown文件
【版本】vue-cli3webpack@4.33.0【步骤】1、安装插件vue-markdown-loadernpmivue-markdown-loader-D该插件可以将markdown文件加载成vue组件。ps:由于该插件是基于markdown-it的,因此不需要单独安装markdown-it。2、修改vue.config.js配置文件(如果没有,在项目根目录新建一个):module.expo
chenyunqing
·
2020-08-20 21:44
vue.js
vue-cli3
markdown
loader
hyperdown
vue-cli3
解决跨域问题
vue-cli2建的项目有build和config文件夹,可以直接修改配置文件,但是
vue-cli3
没有,所以解决跨域问题时要新建文件(1)在项目的根目录建vue.config.js文件,书写如下module.exports
qq_43039392
·
2020-08-20 17:12
vue
vue-cli3
解决跨域问题
前提:
vue-cli3
与vue-cli2不同的地方是,vue-cli2有config和build文件夹,但是
vue-cli3
没有,所以相关的配置文件要自己建解决:(1)在项目的根目录建vue.config.js
qq_43039392
·
2020-08-20 17:42
vue
vue-cli3
搭建项目
一、nodejs安装和淘宝镜像安装下载网站:https://nodejs.org/en/(一路next即可)查看node版本node-v永久使用淘宝镜像命令:npmconfigsetregistryhttps://registry.npm.taobao.org二、vue-devtools安装及使用vue-devtools是一款基于chrome浏览器的插件,用于调试vue应用,这可以极大地提高我们的
Yushia
·
2020-08-20 17:04
vue-cli3
node.js
vue.js
vue-cli3
搭建项目
一、nodejs安装和淘宝镜像安装下载网站:https://nodejs.org/en/(一路next即可)查看node版本node-v永久使用淘宝镜像命令:npmconfigsetregistryhttps://registry.npm.taobao.org二、vue-devtools安装及使用vue-devtools是一款基于chrome浏览器的插件,用于调试vue应用,这可以极大地提高我们的
Yushia
·
2020-08-20 17:30
vue-cli3
node.js
vue.js
vue-cli3
开发环境与生产环境的区分
在
vue-cli3
的项目中,npmrunserve时会把process.env.NODE_ENV设置为‘development’;npmrunbuild时会把process.env.NODE_ENV设置为
南慕瑶
·
2020-08-20 17:20
vue项目从node8.x升级到12.x后
开始使用低于
vue-cli3
创建的项目,在更新node到12.x后,项目运行不起来了,这个让我想起我刚使用react时,安装的依赖,过了半年后,项目也运行不起来,在这了记录下(时间:2019-10-24
一只叮code的小蚊子
·
2020-08-20 11:20
node
vue学习
Vue-Cli3
中集成Cesium 1.63.1
Vue中集成Cesium目前有两种方式1:直接引用Cesium手段是在vue项目中修改public/index.html文件,直接引用cesium.js和widgets.css。其中直接引用的方式又可以分为两种,引用在线的文件或引用本地的文件。1.1引用在线文件这里直接引用官网的文件地址1.2引用本地文件官网上直接下载的源码包解压后找到Build\Cesium目录,如下。直接将Cesium文件夹拷
李白上明月
·
2020-08-20 06:09
开源GIS大杂烩
【已验证】
vue-cli3
+ electron项目打包成桌面客户端
前言很多前端项目需要PC端,vue项目打包结合electron非常方便vue项目及打包就不再多说,一般大家都会将打包好的文件指向dist文件目录,下面就以此条件进行解说项目安装依赖npmi-Delectron@latestnpmi-Delectron-packager打包客户端在打包vue后的dist文件夹下增加electron.js和package.json打包后通过快捷键就可以打开调试模式ct
Jabony
·
2020-08-20 06:17
VUE
Electron
Vue-build打包
vue-cli3
没有config文件解决方案,在根目录加上vue.config.js文件module.exports={/**区分打包环境与开发环境*process.env.NODE_ENV==='production
眾K
·
2020-08-19 22:20
VUE
vue新
vue-cli3
环境配置和模拟json数据
最近在研究学习vue,发现环境配置特麻烦,就是跟着文档步骤一步一步来,也会遇到各种想不到的坑,
vue-cli3
的配置比老的简洁了很多,与以往的配置也有所不同:安装步骤以前是npminstallvue-cli-g
前端岚枫
·
2020-08-19 10:11
vue
vue-cli3
文件的引入
在vue-cli中引入图片、音乐等文件,如下:{{msg}}{{item}}importaudio1from"./assets/audio.mp3"exportdefault{name:'App',data(){return{msg:"菜单",items:["宫保鸡丁","回锅肉","糖醋排骨"],audioSrc:audio1}}}结束!
aaronthon
·
2020-08-19 08:44
vue-cli3
读取本地json文件
vue-cli3
读取本地json文件背景前端如何读取本地json文件前端存放json文件的位置请求JSON数据封装axios实例封装请求方法页面组件调用请求方法背景一般前端mock数据或者数据量过大且不需要考虑安全问题
Boale_H
·
2020-08-19 06:00
前端常见业务需求
vue
ajax
typescript
前端
javascript
将本地
vue-cli3
创建的项目关联到github远程仓库
首先进入需要关联到远程仓库的项目文件夹中,执行如下命令:1、gitinitgitinit初始化项目,如果是
vue-cli3
生成的项目,则跳过此步骤。
Rachel.cao
·
2020-08-19 05:31
vue设置端口号
下面介绍下vue-cli2和
vue-cli3
设置端口号大家都知道vue-cli2和
vue-cli3
生成的文件不同,如下图图一为vue-cli、图二为
vue-cli3
生成的项目文件下面看下配置文件3.0启动
黑匣子~
·
2020-08-19 01:59
vue
vue-cli3
与路由懒加载的坑
所以就要用到懒加载了懒加载可以说是我经常用的了哈哈哈哈于是最近在用
vue-cli3
做项目的时候就入坑了,虽然不习惯,但是
vue-cli3
相比之前更加灵活了!
START_OFF
·
2020-08-19 01:05
vue
vue-cli3
结合vantUI框架实现国际化语言切换
最近在一个项目中涉及到多语言切换,于是查找了相关文档。为了方便今后的使用就花点时间整理记录了这篇文章,本人前端码农一枚,希望结交更多的小伙伴,一起在填坑之路痛苦并快乐着,哈哈。。。废话不多说,下面把详细过程讲一下!顺手附上vantUI国际化官方文档地址:vantUI另外要提到的就是开源的vue-i18n,这里也附上文档地址:vue-i18n这里先提一下接下来要用到的$t()方法,这是vue-i18
博乐110
·
2020-08-18 23:19
技术交流
vue-cli3
中不能使用hasOwnProperty的解决办法
报错信息:DonotaccessObject.prototypemethod‘hasOwnProperty’fromtargetobjectno-prototype-builtinseslint报错。发现是新版本的ESLint使用了禁止直接调用Object.prototypes的内置属性开关,说白了就是ESLint配置文件中的"extends":"eslint:recommended"属性启用了此
xiao1215fei
·
2020-08-18 19:27
vue
在
vue-cli3
中使用axios获取本地json操作
在
vue-cli3
中,公共文件夹由static变成了public先把要访问的json放到public文件夹下使用axios的get方法获取,不能用post,不然会报404axios.get(`.
·
2020-08-18 17:14
vue.config.js常用配置
vue-cli3
的一些服务配置都迁移到CLIService里面了,对于一些基础配置和一些扩展配置需要在根目录新建一个vue.config.js文件进行配置module.exports={//选项...}
aoxi9939
·
2020-08-18 14:32
vue-cli3
移除生产环境console.log打印的日志
前言:后台模版使用的开源的基于elementUI的nx-admin,为了项目的安全性,需要在生产环境上面去除控制台打印的日志。使用该框架尝试两种插件terser-webpack-plugin和babel-plugin-transform-remove-console。网上很多都是第一种,我尝试了未成功,可能设置的方法有问题,第二种方法设置成功。下面只描述成功的方法1.安装依赖npminstallb
unhejing
·
2020-08-18 12:46
前端入门到转后端
vue 使用富文本编译器
我这里使用了
vue-cli3
或者更好的版本;话不多说,上代码;首先全局安装npmiwangeditor-S这个是一个组件,使用到富文本编译器的地方引入就行了;importEfrom"wangeditor
Braking failure
·
2020-08-18 07:23
vue
vue-cli3
iview定制主题报错的解决
vue-cli3
,iview使用定制主题时编译报错,如下:ERRORFailedtocompilewith1errors00:12:26errorin.
TaoCap
·
2020-08-18 07:46
Vuejs
Vue-cli3
执行serve和build命令时nodejs 内存溢出问题
前端项目越来越大,最近在执行serve和build命令时出现了CALL_AND_RETRY_LASTAllocationfailed-JavaScriptheapoutofmemory错误。这是因为在webapck打包过程中占用的内存堆栈超出了node.js中采用的V8引擎对内存的限制导致的。V8引擎对内存的使用的默认大小限制是1.4G,可以通过node.js命令设置限制来解决这个问题。具体如下。
仰望星空的代码
·
2020-08-18 03:26
Vue.js踩坑记
vue-cli3
实现主题换肤功能
vue-cli3
实现主题换肤功能参考自https://www.cnblogs.com/webSciprt/p/ji-yuwebpack4vuecli3xiang-mu-de-huan-fu-gong-neng.html
苇名一欣
·
2020-08-17 22:55
vue
vue-cli3
+ webpack4 搭建换肤功能
项目中有个一键换肤的功能,百度后发现有很多demo,最终采用style-loader方式由于使用
vue-cli3
创建的项目,对webpack配置都进行封装了,导致使用起来极度不习惯原文作者是使用sass
crq131290x
·
2020-08-17 21:08
webpack
浅谈在
vue-cli3
项目中解决动态引入图片img404的问题
博主最近手头再做一个项目,需要调用天气接口,并且还要动态显示天气相关图片icon。本来以为没什么大问题,结果硬生生被这个动态图片路径搞得民不聊生(博主还是tooyoung,toosimple~),给出效果图:就是那个红框选中的那个天气状况图标icon要根据当前城市获取当前城市天气状态码,再根据当前城市状态码找到这个对应的天气图标icon~~按照一般的开发模式,静态图片路径是相对路径还是绝对路径都可
·
2020-08-17 09:02
Vue-cli 移动端布局和动画使用详解
vue-cli3
(新版本)如果之前安装过低版本的vue-cli,那么命令行执行:npmuni
·
2020-08-17 09:21
electron vue桌面应用入门实例
在这里你可以找到的有从零开始搭建一个项目使用
vue-cli3
搭建electron项目查到的资料大部分都是vuecli2的版本,我们来探索新的版本吧首先新建vue项目vuecreateelectron-vue-examplecdelectro
weixin_34304013
·
2020-08-17 03:53
javascript
Vue 搭建移动端 h5 项目步骤
选择css预处理样式语言,(vue-cli里选择)less,sass,stylus都可以,
vue-cli3
后的版本对应的webpack的l
xiao_fei_blog
·
2020-08-16 07:43
vue
vue-cli
vue
移动端
项目搭建
webpack环境变量与
vue-cli3
设置环境变量
1、在业务代码中使用环境变量(DefinePlugin)DefinePlugin的正确用法DefinePlugin中的每个键,是一个标识符或者通过.作为多个标识符。如果value是一个字符串,它将会被当做code片段如果value不是字符串,它将会被stringify(包括函数)如果value是一个对象,则所有key的定义方式相同。如果key有typeof前缀,它只是对typeof调用定义的。这些
语记时光
·
2020-08-16 07:21
前端构建工具
vue-cli3
跨域处理,解决500错误以及Proxy error
目录1上代码(使用的是
vue-cli3
脚手架)2问题3解决办法(度娘????)一个bug找了半天方法?
bailizx
·
2020-08-15 22:56
js开发过程中遇到的问题
vue
js
bug
vue-cli3
编译打包文件的压缩优化
前言相比于vue-cli2,
vue-cli3
隐藏了很多默认的webpack配置,没有vue-cli2那么一目了然。但是都提供了各部分的修改路口,可以仔细研读下官方文档。
JEECG开源
·
2020-08-15 20:31
vue-cli3
之vue.config.js配置
1、cdn、全局cdn(所有的js、css都使用cdn)2、Gzip压缩(压缩js、css)3、去掉注释、去掉console.log4、压缩图片5、本地代理6、环境变量和模式基本配置constpath=require('path')functionresolve(dir){returnpath.join(__dirname,'./',dir)}module.exports={publicPath:
高先生的猫
·
2020-08-15 20:58
Vue
vue-cli4 解决向后端请求出现跨域问题(跨域代理)
vue-cli3
跨域配置同4)在项目根目
闫三岁
·
2020-08-15 20:15
vue-cli3
打包项目使用CDN的方式引入框架文件
1.在vue.config.js中使用chainWebpack添加externals配置module.exports={chainWebpack:config=>{if(process.env.NODE_ENV==='production'){//#region忽略生成环境打包的文件varexternals={'vue':'Vue','axios':'axios','element-ui':'EL
ydongabc
·
2020-08-15 20:57
性能优化
vue-cli
浅入webpack4 高效简单的配置
前言在
vue-cli3
中已经将webpack等详细配置(config)去除,我们配置webpack只能在vue.config.js里进行配置,这里我个人总结了一套webpack的优化方案模板并且附有我个人的讲解
饼饼饼干_
·
2020-08-15 20:42
笔记
vue-cli3
实现打包后暴露可修改接口地址文件
vue-cli3
实现打包后暴露可修改接口地址文件在前后端分离的开发模式中,有时候我们开发好打包的文件在部署完之后,需要去修改获取接口的地址,这个时候就需要前端修改完之后重新打包再部署了,但是如果我们只是需要修改接口地址时
✨ChiPooi�
·
2020-08-15 20:41
javascript
vue.js
webpack
vue-cli3
项目设置开发环境和生产环境的不同入口
1.创建vue.config.jsmodule.exports={chainWebpack:config=>{config.when(process.env.NODE_ENV==='production',config=>{config.entry('app').clear().add('./src/main-prod.js')})config.when(process.env.NODE_ENV=
高级前端工程师Vue方向
·
2020-08-15 20:05
vue
vue-cli3
配置不同环境下的baseUrl和不同环境下的一些参数【生产环境、开发环境、测试环境】
1.在与package.json的同级目录下创建三个文件.env.uat/.env.development/.env.production【用来判断不同的环境】!!!注意自定义变量一定要以VUE_APP_开头.env.uatNODE_ENV=productionVUE_APP_BASE_API=https://www.yihuisoft.com/testAppBizVUE_APP_ENV=uat.
高级前端工程师Vue方向
·
2020-08-15 20:05
vue
vue-cli3
使用 DllPlugin 实现预编译,提升构建速度
在项目打包上有两个目标:减少打包代码体积和加快打包速度1.减少打包体积:(1)对于用的比较少的库,可以去掉(我去掉了jquery以及lodash),用到的地方,参考源码自己写(2)非用不可的又比较大的库(我这里用了monaco-edit),使用cdn方式引入打包体积减少的情况下,自然速度也会有所提升2.加快打包速度:这里推荐一篇个人感觉很棒的文章https://juejin.im/post/5bf
weixin_34409822
·
2020-08-15 20:17
vue-cli3
项目中使用CDN
1、html中引入echartshtml中添加script标签如下:2、在webpack中配置使用echartsCDN在vue.config.js中配置如下:module.exports={configureWebpack:{externals:{'echarts':'echarts'//配置使用CDN}}}externals中的key是用于import,value表示的在全局中访问到该对象,就是
weixin_34390996
·
2020-08-15 20:16
javascript
webpack
vue-cli3
配置生产-测试环境
需求首先介绍一下本项目的背景,是基于vue-cli3.1.1的单页应用,目前测试环境和生产环境都在线上,并且都在同一个域名下,其中生产环境部署在根目录下,测试环境部署在名为test的子目录下,根据生产环境和测试环境的不同,某些界面和交互有细微的差别。根据以上项目的基本情况,分析出需求如下:实现区分线上生产环境和线上测试环境的环境变量,供项目代码中全局使用。实现输入一行命令,执行两条指令,分别打包线
weixin_34357962
·
2020-08-15 20:45
vue-cli3
分环境打包,不压缩包大小问题
2019独角兽企业重金招聘Python工程师标准>>>前言:不说了地址:https://cli.vuejs.org/zh/guide/mode-and-env.html1.配置npmrun的模式在项目的根目录编辑package.json,分为开发测试生产甚至更多。"scripts":{"dev":"vue-cli-serviceserve--modedev","test":"vue-cli-ser
weixin_34292924
·
2020-08-15 20:12
vue-cli3
实现分环境打包步骤(给不同的环境配置相对应的打包命令)
在
vue-cli3
的项目中,npmrunserve时会把process.env.NODE_ENV设置为‘development’;npmrunbuild时会把process.env.NODE_ENV设置为
weixin_34221073
·
2020-08-15 20:37
vue-cli3
DllPlugin 提取公用库
本文主要讲述在
vue-cli3
中利用DllPlugin来进行预编译。1、安装相关插件yarnaddwebpack-cli@^3.2.3add-asset-html-we
weixin_30883271
·
2020-08-15 19:11
vue-cli2/
vue-cli3
之抽离打包请求之config
场景需求:因为可能分为很多请求场景,所以不能换一次请求就打包一次,所以得把请求地址放到打包好的一个静态包里面改变vue-cli2版本的static/config/index.jsconstpeconfig='development';switch(peconfig){case'development':vartes1='www.开发的.com';break;case'production':var
weixin_30732825
·
2020-08-15 19:06
vue cli 3 配置分环境打包,配置多环境打包,cross-env没有效果,cross-env在vue-cli 3中的使用
vue-cli3
实现分环境打包vue分环境打包模式自定义模式执行自定义模式vue分环境打包在开发过程中,可能会遇到这样一个问题,在开发环境,测试环境和生产环境中我们会用到不一样的接口,每次在不同环境中都要手动去切换接口地址
大华阿大华
·
2020-08-15 19:48
vue
上一页
13
14
15
16
17
18
19
20
下一页
按字母分类:
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
其他