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.0
vue-cli3.0
结合lib-flexible、px2rem实现pc端大屏适配,完美解决第三方ui库样式变小问题
一、项目中安装lib-flexiblenpminstalllib-flexible--save二、在项目的入口main.js文件中引入lib-flexibleimport'lib-flexible'//默认将屏幕划分为10等分(如果设计稿尺寸为1920px,则1rem=(1920/10)px;偏大,可以设置24等分,则1rem=(1920/24)px=80px;第二部分:使用postcss-px2
zyx_
·
2020-08-22 20:26
vue
响应式适配
vue-cli3.0
配置打包时根据环境移除页面当中的console.log
在开发中难免要用到console.log。但是在打包上线的时候一个一个去删出未免有点太累了。我们可以根据不同的环境来配置是否需要移除console.log。这里用到的插件babel-plugin-transform-remove-consolenpminstallbabel-plugin-transform-remove-console--save-dev下载好插件后直接可以在babel.conf
十字青年
·
2020-08-22 19:14
vue
vue项目整理
安装
vue-cli3.0
版的项目vuecreate项目名字default是默认的体量最小Manuallyselectfeatures可以选择默认安装插件剩下的配置在用vueui显示(没有要配置没有截图)
G_XUI
·
2020-08-22 16:37
vue
vue-cli3.0
配置vconsole在不同的环境是否显示
vue-cli3.0
中开发环境显示vconsole(在npmrunserve显示),生产环境不显示vconsole(在npmrunbuild不显示)。
不平凡中的平凡
·
2020-08-22 14:58
vue
vue-cli3.0
环境变量与模式
vue-cli3.0
移除了配置文件目录:config和build文件夹。可以说是非常的精简了,那移除了配置文件目录后如何自定义配置环境变量和模式呢?为什么需要配置环境变量和模式呢?
超^Shine
·
2020-08-22 13:07
vue-cli3.0
项目内使用vue-skeleton-webpack-plugin插件根据路由来渲染不同的骨架屏
为了前端体验更加友好,减缓用户的焦虑情绪,提升项目质量等,我们在项目里面可以使用骨架屏,提前渲染出来一个跟正式页面相似的页面出来,减小首屏加载时间。在vue中使用骨架屏因为我们的代码会使用webpack打包,所以在我们的js下载运行之前,用户是无法在页面上看到信息,所以,我们要把骨架屏相关的代码放到HTML里面,当然,可以把代码直接写在html文件的里面,但是为了维护我们进行开发时的体验,我们在开
一捆铁树枝
·
2020-08-22 13:46
Vue
vue-cli3.0
配置开发环境,测试环境,线上环境
通过不同命令行切换不同环境api等信息,例如:npmrundev调用本地环境apinpmruntest调用测试环境apinpmrunbuild调用线上环境api(1)先在package.json文件中添加:"test":"vue-cli-servicebuild--modetest"(2)在项目目录下建立.env文件和.env.test文件(是文件,不是js).env文件NODE_ENV='pro
qq_34868027
·
2020-08-22 13:42
vue
VUE单页应用骨架屏方案
分析VUE渲染过程使用
vue-cli3.0
创建项目:vuecreateproject在生成的项目文件夹下的public文件夹下的index.html文件代码如下:favicon.ic
weixin_33881753
·
2020-08-22 11:39
基于vue + element ui的table编辑,保存和删除
在最近2年的工作中遇到过几次很基础的基于element-ui的table开发,简单的增删改查功能,闲下来想整理一下~以备后用vue架子,用最新的
vue-cli3.0
,此处(...),可以参考我之前的almost
薯条真的好好吃哦
·
2020-08-22 10:48
element-ui
vue.js
javascript
清除vue-cli空格报错
这里可以看到系统提示找到错误“12errorsfound,12errorspotentiallyfixablewiththe--fixoption“,查了下是Eslint抛出的错误提示,之前我们在vue实战开发003:详解
vue-cli3.0
迷路的鲸鱼丶
·
2020-08-22 10:07
html
vue-cli3.0
引入依赖less解决Module not found:Error:Can`t resolve 'less-loader'
1.这是你的css引入了vueui>依赖>搜less下载安装>最后再下载less-loader之前我只下载了less还是报错记得两个都要安装.你也可以通过npm命令安装
java学瓜呆小
·
2020-08-22 03:21
vue - Error: Can't resolve '@/assets/img/github.svg (
vue-cli3.0
,无法解析.svg图片,已解决)...
用vue脚手架(
vue-cli3.0
)生成的目录,无法解析.svg图片的问题//Error:Can'tresolve'@/assets/img/github.svg解决方案:cnpmi-Dsvg-baker-runtime
dayu5595
·
2020-08-22 00:04
如何在
Vue-cli3.0
中使用 JQuery
这里我们以jQuery的轮播图案例来实践一下首先是
Vue-cli3.0
构建出来的项目结构图,vue.config.js是后面要讲到的,这里先创建。
玩摄影的码农
·
2020-08-21 05:54
实践
vue-cli3.0
配置全局自定义变量
在使用vuecli3.0去构建项目时,可以通过npmrunserve去启动项目,使用npmrunbuild编译项目,很多时候,针对生产和开发的环境变量是不一样的,比如:请求的地址。因此我们需要针对生产和开发环境定义不同的全局变量。.env:全局默认配置文件.env.development:开发环境下的配置文件.env.production:生产环境下的配置文件注意:在文件下的属性名必须以VUE_A
shi一样的代码
·
2020-08-21 04:46
javascript
vue-cli3.0
配置多页history路由模式
1、在对应的多页目录下的router.js配置historyconstrouter=newRouter({base:'/mobile/share',mode:'history',},注:router里面的base属性是项目部署服务器的目录路径,例如你的项目访问路径是www.xxx.com/mobile/share2、在vue.congig.js添加代码configureWebpack:{devSe
Reset
·
2020-08-21 03:53
vue.js
vue-router
history
页面加载性能之WebP在项目中的应用
框架本文将以
vue-cli3.0
脚手架搭建的项目为例。转换工具我们选择的是Imagemin,版本选择6.1.0,因为7.0.0之后的版本在windows上有兼容性问题,目前还未修复。npminsta
找到Web
·
2020-08-21 03:24
web
前端性能优化
webp
vue.js
vue-cli3.0
加入全局scss 变量
在vue.config.js中加入css:{sourceMap:true,loaderOptions:{sass:{prependData:`@import"@/plugins/element-variables.scss";`}}},
ngto
·
2020-08-21 02:10
vue-cli
scss
搭建Vue项目
初始化Vue前端项目#安装
Vue-cli3.0
脚手架工具npminstall-g@vue/cli#安装完成后,输入vue-V查看是否安装成功vuecreate#其他命令npminstallnpmrunservenpmrunbuildnpmrunlint
Y了个J
·
2020-08-20 22:43
vue + node + mongodb 搭建客户管理系统
技术概要脚手架
vue-cli3.0
前端框架vueUI框架iview后端语言nodeweb框架express数据库mongodb中间件mongoose项目结构源码戳我.
回调的幸福时光
·
2020-08-20 07:00
Vue-cli3.0
项目下axios请求本地json文件的数据
1.Vue-cli3.0项目节省了很多文件,比如讲
vue-cli3.0
之前版本的build/dev-server.js配置放在了vue.config.js中。
Ace.斗皇
·
2020-08-19 07:13
前端vue
vue-cli3.0
+ axios 进行跨域
1、设置axios的默认请求url:axios.defaults.baseURL='/weather';2、在与package.json的统计目录中新建vue.config.js文件3、在vue.config.js中新增如下代码module.exports={devServer:{proxy:{'/weather':{target:'http://www.weather.com.cn/data',
初雪日
·
2020-08-19 01:22
vue知识
axios
Vue 表情输入组件,微信face表情组件
注意:1.项目是用
vue-cli3.0
搭建起来的项目,参考cli3.0官网地址2.样式是用scss需要安装依赖:npminstallnode-sasssass-loader-D思路:页面内容总体分为三块区域
Dream_磊
·
2020-08-18 21:56
Vue
vue.config.js常用配置
使用
vue-cli3.0
搭建项目比之前更简洁,没有了build和config文件夹。
aoxi9939
·
2020-08-18 14:32
vue cli3.0访问本地JSON文件
vuecli3.0访问本地JSON文件最近练习axios发起数据请求,模拟后台访问数据,发现请求地址一直报错404,查阅了相关资料才知道
vue-cli3.0
中静态资源要放在static文件夹下。
Growing Wild
·
2020-08-18 05:04
前端
vue
Ajax
Nodejs和element组件使用
安装好后输入node-v就可以查看版本然后安装npm新版本默认安装了npm你可以查看一下npm-v如果没有安装则用以下命令安装npminstallnpm-g输入npminstall-g@vue/cli,安装
vue-cli3.0
当当和嘟嘟
·
2020-08-18 02:42
前端
vue-cli3.0
用axios加载本地json数据
项目需求要从本地定义好的json数据初始化项目中部分数据,虽然是个常见的功能,之前倒没写,所以这次踩了挺多坑。开始用axios请求数据,返回的是一个包含noscript的html,然后又去找其他各种方法,甚至用起了fs,也是没有成功。考虑到项目中环境复杂,最后干脆写个demo单独来测试功能。范围缩小后,就专注在解决axios和加载json文件上,有看到直接axiosget文件的,但是静态文件必须放
救护用的垃圾车
·
2020-08-17 18:14
Vue
axios
本地json
JWT
JWT认证使用
vue-cli3.0
创建vue项目vuecreate可以通过vueui创建项目/管理项目依赖vueui配置vue-config.jsletpath=require('path')module.exports
SevenBug
·
2020-08-17 17:04
JS
前端
JWT
vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:
使用
vue-cli3.0
以上版本创建项目,然后引入插件,vueaddelement,报错:vue:无法加载文件D:\ProgramFiles\nodejs\node_global\vue.ps1,因为在此系统上禁止运行脚本
MandiGao
·
2020-08-17 06:37
vue
vue-cli 3.0 源码分析
链接
vue-cli3.0
源码分析目录@vue/cli前言介绍开始环境介绍常见npm包vuecreatecreate入口整体分析基础
weixin_33696106
·
2020-08-16 09:45
vue-cli 3.0 配置productionGzip
最近没事升级项目到
vue-cli3.0
,发现没有了productionGzip配置,于是查了一下资料,解决方案如下:提示:本文compression-webpack-plugin的版本号是2.0.0,3.0.0
xiao_fei_blog
·
2020-08-16 07:43
webpack
vue
vue-cli
3.0
webpack4
【程序人生】nodemon app crashed - waiting for file changes before starting... --- nodemon报错处理
场景分析(xb笔记可以跳):基于
vue-cli3.0
项目打包完成后,用node做服务器渲染,发现生产的文件配置里使用require进行包的导入,想让他也支持import方式的导入(也就是想使用ES6的import
@Umbrella
·
2020-08-16 05:04
【Nuxt】
nodemon
app
crashed
-
waiting
for
file
chan
vue-cli3.0
打包项目
vue-cli3.0
打包项目第一步打包项目第二部开始搞一些路径什么的乱七八糟的东西
vue-cli3.0
版本没有build和config文件所以要我们自己创建一个然后把这段加进去就ok第一步打包项目npmrunbuild
艳阳天那么风光好
·
2020-08-15 20:20
vue
通过cdn和vue.config.js配置来优化
vue-cli3.0
打包体积
1.再vue.config.js中设置module.exports={chainWebpack:config=>{//发布模式config.when(process.env.NODE_ENV==='production',config=>{config.entry('app').clear().add('./src/main-prod.js')config.set('externals',{vue
高级前端工程师Vue方向
·
2020-08-15 20:05
vue
vue-cli 3.0如何配置多种开发环境下的环境变量
怎么去配置环境变量
vue-cli3.0
脚手架构建的项目根目录中新建一个.env.[model]文件,model为一个变量,可以通过这个model的变量值来判断当前属于哪个环
weixin_34413065
·
2020-08-15 20:18
vue-cli3.0
资源加载的优化方案
20180829更新今天反复试了,不用区分测试环境还是生产环境,统一都用cdn就可以了背景之前自己搭建了一个vue+tp5.1的后台项目(https://segmentfault.com/a/11...),坑很多,其中一个就是资源加载的方案,由于是后台项目,之前一直没放在心上,看到一些资源优化方案后(https://juejin.im/post/5a2910...),觉得有必要弄一下。老版本通过:
weixin_34284188
·
2020-08-15 20:41
使用Vue-cli 3.0搭建Vue项目
[2018-07-31更新]:
vue-cli3.0
正式版的中文文档已经出来了,详细的可以参考:https://cli.vuejs.org/zh/guide/关于Vue的其他基础知识,可以看我的文章(持续更新中
weixin_33835690
·
2020-08-15 20:52
解决
Vue-cli3.0
下scss文件编译过慢、卡顿问题
在使用
Vue-cli3.0
构建的项目中,可能存在项目编译过慢的问题,具体表现在编译时会在某一进度比如40%时停顿,等好一会儿才能够编译完成。
夜色芜染
·
2020-08-15 19:42
vue-cli 3.0 build包太大导致首屏过长的解决方案
vue-cli3.0build包太大导致首屏过长的解决方案前言:最近用
vue-cli3.0
构建一个小型的工单管理系统,完工后build发现一个chunk-vendors包就达到985kb,加上其他一些资源文件
掘金者说
·
2020-08-15 19:26
vue
vue-cli3.0
代理 打包 (收藏)
module.exports={ publicPath:"./",//1.默认为"/":部署在一个域名的根路径上 ;2."./":所有的资源都会被链接为相对路径,这样打出来的包可以被部署在任意路径 outputDir:"dist",//默认为"dist",指打包后的资源放置的路径,放在dist文件夹下 assetsDir:"static",//默认为:'',放置打包后生成的静态资源(js、css、
每逢佳节掉三根.
·
2020-08-15 19:40
vue-cli
vue-cli3.0
中创建多个子项目,并能分别打包到对应的文件夹下
在项目中我们经常会做多个小的vue项目,这些项目页面不多,功能也不复杂,它们可以共用依赖,但是我们又不能每个小项目单独初始化vue项目,这个时候,我们就希望在一个vue脚手架下创建多个子项目,它们互不干扰,可以独立运行,但又能共用一套依赖;其实这个需求尤大大早就替我们想到了,在vue-cli的官方文档中就有介绍;pagesType:ObjectDefault:undefined在multi-pag
一捆铁树枝
·
2020-08-15 19:38
Vue
vue-cli3.0
配置
vue.config.js配置'usestrict'constpath=require('path')constdefaultSettings=require('./src/settings.js')functionresolve(dir){returnpath.join(__dirname,dir)}constname=defaultSettings.title||'MYPROJECT'//pa
一路从容
·
2020-08-15 19:32
vue-cli3.0配置
Vue-cli3.0
项目的创建和开发环境、测试环境、生产环境的部署
前言本人小白如有错误或不足,请大神指点和纠正小弟
Vue-cli3.0
构建项目步骤vuecreateproject_name环境的部署在根目录部署3种环境文件(开发、测试、生产)内容分别是:在package.json
Uncle丶怪叔叔
·
2020-08-15 19:29
vue-cli3.0
脚手架搭建、解决跨域、打包、优化、项目压缩一条龙
vue-cli3.0
脚手架搭建、解决跨域、打包、优化、项目压缩1、升级电脑上vue-cli到3.0以上版本2、之后开始创建项目项目目录是这样的这里还要手动加上四个文件3、添加必要得依赖这里用到的依赖有4
爬坑之路
·
2020-08-15 19:26
js
vue
vue-cli3.0
vue-cli3.0
实现打包gzip压缩和一些东西
一.查看自己的打包详情,那个文件过大1.npm安装要用的插件npminstall--save-devwebpack-bundle-analyzer2.在vue.config.js文件中引入插件constBundleAnalyzerPlugin=require('webpack-bundle-analyzer').BundleAnalyzerPlugin3.添加配置,使用的是默认的配置module.
负者歌于途,
·
2020-08-15 19:46
Vue
vue-cli2.x下的多环境打包
vue-cli3.0
下的多环境打包,请参考我的另一篇文章:
vue-cli3.0
下多环境打包创建vue-cli2.0项目cd到项目文件夹,运行命令,创建项目#vueinitwebpackobj-name/
-Aven-
·
2020-08-15 19:03
VUE
Vue CLI 3.0 + momentjs + lodash 打包时优化
在vue-cli2.0时代,webpack的配置是有独立文件的,包含在build目录下,修改也比较方便到
vue-cli3.0
后,webpack配置被整合到vue-cli的配置中了,需要配置一些打包插件比较麻烦了
CloudJay_喵喵喵
·
2020-08-15 19:26
开发心得
技术指南
vue-cli3.0
强制使用路由懒加载配置
用了新的
vue-cli3.0
突然发现network一下子全请求了,还以为是懒加载写错了…然后看了下元素,发现在
vue-cli3.0
中会为所有的js和css资源增加prefetch参数,app、vendors
天灰灰、欲落雨☔
·
2020-08-15 19:51
vue之多环境配置
我使用的是vue-cli3.o,以下谈到的内容都是
vue-cli3.0
的环境下配置,如需安装
vue-cli3.0
,可通过下面命令安装npminstall-g@vue/cli再开发过程中,我们经常会有多个环境的部署
溪语流沙
·
2020-08-15 18:38
Vue
vue
vue.config.js分测试正式打包(分模块打包配置)配置
vue-cli3.0
打包配置准备工作package.json里打包命令:"build-test":"vue-cli-servicebuild--modetest","build-prod":"vue-cli-servicebuild
iyangijava
·
2020-08-15 18:33
vue
vue-cli3.0
生产包去除console.log
目前负责的公众号又迭代了一个版本,之前打生产包,配置总是和测试包搞混,所以使用了
vue-cli3.0
的环境变量来控制配置。
a1346270
·
2020-08-15 18:29
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
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
其他