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
中添加骨架屏
前言为了前端体验更加友好,减缓用户的焦虑情绪,提升项目质量等,我们在项目里面可以使用骨架屏,提前渲染出来一个跟正式页面相似的页面出来,减小首屏加载时间。在vue中使用骨架屏因为我们的代码会使用webpack打包,所以在我们的js下载运行之前,用户是无法在页面上看到信息,所以,我们要把骨架屏相关的代码放到HTML里面,当然,可以把代码直接写在html文件的里面,但是为了维护我们进行开发时的体验,我们
Yinzhishan
·
2020-07-11 07:21
vue-cli3.0
启动时端口随机是谁的锅?
前言昨天更新了以下vue-cli版本3.10.0,然后导致vue-cli有个更改服务端口的功能无法使用了,官方github有issues。这种属于严重bug了吧,核心功能无法正常使用。所以就有些好奇,像这种规模比较大,影响比较广的项目,如果发生了严重bug,造成bug的人是否有责任?人家无偿贡献,你爱用不用,没人逼你用,很对。但又觉得吧,好像不太对,毕竟影响力这么大,受众这么多,真有啥问题的话,也
禅·思
·
2020-07-11 01:29
前端
开发
脚手架
研发管理
vue-cli3.0
搭建、配置(vue.config.js)及使用
与此同时,它也为每个工具提供了调整配置的灵活性,无需eject.为什么要使用
vue-cli3.0
模板更加制定化配置更加简洁
vue-cli3.0
安装如果你事先已经全局安装了旧版本的vue-cli(1.x或
nengzhuan_zhang
·
2020-07-11 00:37
使用
vue-cli3.0
搭建适配移动端的项目
使用
vue-cli3.0
搭建适配移动端的项目适配移动端,禁止用户缩放页面meta标签中的content属性里有一个width=device-width的值,这个值就是用来告诉浏览器,该页面将要使用设备的宽度来解析
ScreenshotOfCode
·
2020-07-10 23:05
移动端
vue-cli 3 生产环境去除控制台打印
与vue-cli2.0使用了uglifyjs-webpack-plugin插件进行优化配置不同,
vue-cli3.0
在打包过程中就使用了terser-webpack-plugin插件进行优化。
Beamon__
·
2020-07-10 20:57
vue
vue cli3.0快速搭建项目详解(强烈推荐)
这篇文章主要介绍下
vue-cli3.0
项目搭建,项目结构和配置等整理一下,分享给大家。一、介绍VueCLI是一个基于Vue.js进行快速开发的完整系统。
weixin_33950035
·
2020-07-10 08:51
vue-cli3.0
搭建移动端项目的适配问题以及解决第三方组件样式受影响的问题
前言:我们之前使用的解决移动端适配常用的方法是媒体查询+rem,em,这种适合小的项目,而且每次rem值计算也太麻烦了点,这里列出现在常用的另一种方法就是:lib-flexible和postcss-px2rem-exclude来完美的解决适配问题。步骤一:安装lib-flexible-适配插件,自动添加头部meta1安装npminstalllib-flexible--save2main.js中im
浩星
·
2020-07-10 00:50
app
@vue/cli使用教程(
vue-cli3.0
)
第一步创建一个目录(用来放你的项目)第二步安装node和npm提示:VueCLI要求Node.js版本8或者更高(8.10.0+推荐)。这一部分请访问网址:https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143450141843488beddae2a1044cab5acb51
獨孤殤
·
2020-07-10 00:30
vue-cli
vue
vue/cli
vue-cli3.0
脚手架搭建项目详解
如果是刚入门同学先安装node.js怎么安装node这里不做介绍了,网上教程很简单,下载node.js直接安装就可以检查node1、node-v2、node检查无误,马上就可以开始构建项目了a、安装
vue-cli3.0
渐渐高飞
·
2020-07-09 22:07
WEB-vue
vue-cli3.0
使用vw实现移动端适配
1.创建项目vuecreate2.选择配置Manuallyselectfeaturesbabel+vuex+router3.然后一路回车4.cd安装依赖npmipostcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextpostcss-viewport-unitscssnanocssnano-pres
Stavin Li
·
2020-07-09 20:27
vue
vue-cli3从零开始搭建vue项目
准备环境1.下载安装Node.js下载地址:https://nodejs.org/en/download/使用
Vue-cli3.0
创建项目时,Node.js版本必须是8.9或更高版本(推荐8.11.0+
Merryhyl
·
2020-07-09 11:25
vue
Vue-cli3.0+Vuex基础使用入门详解
学习Vue的时候,Vuex是其中必不可缺的一个知识点,在学习之后,发现Vuex其实也挺简单很容易上手,接下来就讲解一下如何在
Vue-cli3.0
中使用Vuex:本示例的代码博主已经上传到github,如果有需要可以拉下来
saberrrrrrrr
·
2020-07-09 08:47
vue入门基础
vue create报错解决方式
创建
vue-cli3.0
项目首先安装npminstall-g@vue/cli然后vuecreate项目名称jiangyanxias-MacBook-Air:~jyx$vuecreatevue-cli3-
叶落森
·
2020-07-09 01:53
vuejs
webpack
You are using the runtime-only build of Vue where the template compiler is not available. Either pre
欢迎访问我的个人博客:http://www.xiaolongwu.cn在升级脚手架到
vue-cli3.0
版本的时候出现了这个报错:[Vuewarn]:Youareusingtheruntime-onlybuildofVuewherethetemplatecompilerisnotavailable.Eitherpre-compilethetemplatesintorenderfunctions
LeonWuV
·
2020-07-09 01:49
vue
vue及其生态圈学习
runtime-only
compiler
前端
vue-cli3.0
项目打包自动部署到阿里云oss 服务器
1、安装npminstallwebpack-aliyun-oss-Dnpminstallwebpack-aliyun-oss-D2、项目genmulu添加oss.js文件内容如下:module.exports={region:'你的oss服务器区域',//例如:oss-cn-beijingaccessKeyId:'你的accessKeyId',accessKeySecret:'你的accessKe
何时待我
·
2020-07-08 23:57
前端项目自动部署
vue-cli 3.0集成sass/scss到vue项目
vue-cli3.0
集成sass/scss到vue项目vue-cli3提供了两种方式集成sass/scss一、创建项目选择预处理器sass二、手动安装三、使用sass四、全局引用配置(重点)1、Vue单件引用
清虚桂意
·
2020-07-08 23:53
vue
proxy配置转发代理的坑
解释:vueproxy匹配规则问题使用
vue-cli3.0
的proxy去代理多个服务时,发现有个别代理不成功,但是替换其代理的位置反而成功,比如如下情况:如下三个代理设置:(1)第一个"/api";(2
小男人zr
·
2020-07-08 21:45
前端经验
vue-cli3.0
搭建vue项目的简单入门
前言:VueCLI是Vue应用的标准化构建工具(链),核心是提供基于webpack4构建的预配置构建设置,目标是最大限度地减少开发者必须经历的配置过程。因此,VueCLI3对具备以下特点的项目都支持开箱即用:预配置的webpack功能,如模块热替换、代码分割、摇树优化(tree-shaking)、高效持久化缓存、错误覆盖等;通过Babel7+preset-env对ES2017进行转换和基于使用情况
嵐烨
·
2020-07-08 11:44
Vue
使用vue-cli3创建项目的时候出错,ERROR command failed: npm install --loglevel error --registry
二、然后尝试清除npm缓存:npmcacheclean--force三、关键方法:使用这个方法解决,GitHub上大拿们给的方法:Iamusing"
vue-cli3.0
小糖穿越火线
·
2020-07-08 07:41
vue
Vue-cli3 项目创建
简介之前写过一篇文章Vue-cli项目创建,主要是针对
Vue-cli3.0
版本之前的,由于现在Vue-cli版本更新到了3.0,而且创建项目的一些情况也发生了变化,所以本篇将在基于
Vue-cli3.0
以上版本创建项目
Eirunye
·
2020-07-08 05:03
Vue
前端
vue-cli 3.0打包webapp的坑
**本文主要讲解webapp打包流程,沉浸模式更改,双击后退退出app,
vue-cli3.0
打包开启app白屏问题如果你没有这些问题读到这里就可以退出了**1.打包流程编译dist文件后在hubilder
不开飞机的舒克
·
2020-07-08 02:10
小成就
vue-cli3.0
项目中使用ttf字体
1、下载字体此处下载的字体为HYXinHaiXingKaiW.ttf2、将下载好的字体放到项目的assets下,同时新建font.css文件3、font.css中配置字体@font-face{font-family:'HYXinHaiXingKaiW';src:url('HYXinHaiXingKaiW.ttf');font-weight:normal;font-style:normal;}4、m
otatoz
·
2020-07-08 02:31
vue
vue.js
css
饱了么App项目实战——
vue-cli3.0
开启vuejs项目
1.什么是vue-cli1.1vue-cli是一个vue的脚手架工具,具体功能如下。1)帮助我们写好vue.js基础代码,2)自动搭建目录结构3)进行本地调试4)代码部署5)热加载以及单元测试2.安装vue_Cli和创建项目$npminstallvue-cli-g$vuecreatemy-project按照自己的需求一步一步操作即可【具体可参照vue-cli官网】使用vue-cli快速创建一个vu
道雄
·
2020-07-07 23:23
Webpack4 搭建 Vue 项目
而前阵子出现的
vue-cli3.0
也是基于webpack4零配置的思想创建的。对于一些习惯webpack3的开发者难免有些不习惯。本文就带你绕过vue-cli,用webpack4一步步搭建vue项目。
weixin_33725807
·
2020-07-05 22:21
vue-cli 3.x 如何配置assetsPublicPath; vue.config.js如何更改assetsPublicPath配置;
静态资源加载不到2.vue-cli3.x如何配置assetsPublicPath3.vue.config.js如何更改assetsPublicPath配置网上很多解决办法都是基于vue-cli2.x来解决的,但从
vue-cli3.0
wakaka112233
·
2020-07-05 19:29
vue
vue
cli
vue-cli3.0
配置中eslint
如果
vue-cli3.0
项目中使用了eslint配置就需要对它有一些了解:一:位置:在项目的package.json文件下的“eslintConfig”中配置如果关闭eslint配置直接在package.json
qq_2193185903
·
2020-07-05 09:07
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
前言:最近用
vue-cli3.0
构建一个小型的工单管理系统,完工后build发现一个chunk-vendors包就达到985kb,加上其他一些资源文件,首页的下载总共大小快要2M。
码成一棵树
·
2020-07-05 07:15
vue
vue
Vue-cli3.0
版本后如何使用旧版本
好吧,虽然我觉得在3.0版本中使用2.多的版本是一件挺傻的事情,但是你耐不住自己更新到3.0后,公司其余小伙伴还都在2.0的版本海洋畅游。为了满足大部分人的需求,你需要在3.0中使用2.0的方法去搭建一个vue项目方法其实很简单,只有一步,全局执行一个命令即可。在命令行执行以下代码npminstall-g@vue/cli-init然后你就可以愉快的执行vueinitwebpackxxxx来搭建自己
JustDoIt521
·
2020-07-05 05:39
vue
Invalid options in vue.config.js: "compiler" is not allowed
vue-cli3.0
创建的项目,已经干掉了原有的webpack配置,取而代之的是,vue.config.js相信很多人尝试配置的时候都遇到了这个bug。
SSSkyCong
·
2020-07-05 02:44
转载
感想
学习-总结-转载
vue-cli3.0
如何从零搭建项目
如何搭建
vue-cli3.0
项目vue3.0的优点是更快更小,它重新审视了vdom,更改了自身对于vdom的对比算法。
dduanlove
·
2020-07-02 11:00
【vue】使用
vue-cli3.0
/4.0搭建的项目如何区分环境
前言上一篇博客,我说了,最近公司是空闲期。基本都是处于浑水摸鱼阶段了,每天打卡上班,打卡下班但是我是属于那种有点闲不住的人,总想搞点东西玩玩所以我把公司的项目往vue-cli4.0进行了迁移(我原本真的只想迁移到3.0)可以参考vue-cli4.0快速搭建一个项目迁移的过程可以说还算顺利,也没遇到什么麻烦,就是一些插件版本的升级问题最近,有人私信问到了我关于vue-cli4.0搭建的项目怎么配置环
不想写代码的码农
·
2020-07-02 09:53
vue
【vue】使用vue-cli4.0快速搭建一个项目
所以所有项目开发的时候一直在用的vue-cli2.0,后来项目多了也没时间就没往
vue-cli3.0
迁移现在终于到了空闲期,可以
不想写代码的码农
·
2020-07-02 09:53
vue
vue
vue-cli3.0
vue-cli4.0
vue项目迁移
uni-app 打包h5注意事项
uni-app在打包成h5时,默认是不支持直接打开的,因为打包出来是(/xxx/xxx)这种格式,这点和
vue-cli3.0
是一致的,在用vue-cll3.0时打包我们会想到在vue.config中配置
aixinaxc
·
2020-07-01 16:07
vue
ERROR command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org --di
vue-cli3.0
构建vue项目时,报错如下:>
[email protected]
:\vueDemo\myproject\node_modules\chromedriver>nodeinstall.jsDownloadinghttps
Little_Pig_Bug
·
2020-07-01 11:07
vue
把手
vue-cli3.0
搭建项目(三) 集成axios 封装请求
1.集成axios使用命令行vueaddaxiosvue-cli2使用的都是npminstallaxios--save3.0使用add2.封装axios在src新建api新建http.jsimportaxiosfrom'axios'importQSfrom'qs';//引入qs模块,用来序列化post类型的数据,importVuefrom'vue'import{Message}from'eleme
不许动一二三
·
2020-07-01 07:55
解决vue-cli3打包代码后白屏问题
前言:最近使用了
vue-cli3.0
开发了一个移动网页端项目,准备打包发布了。按照以往的流程npmrunbuild问题来了打开distindex.html文件发现白屏。
郑布斯的个人博客
·
2020-06-30 15:06
JS
使用vue-cli搭建多页应用
使用vue-cli3.9搭建多页应用在
vue-cli3.0
之后,官方已经支持通过简单的配置来创建多页应用了,单默认创建的应用还是单页应用,接下来就介绍下我创建多页应用的流程;第一步,创建项目官方vue-cli
Qice
·
2020-06-30 12:25
前端
Vue3.0和Vue2.0的区别
https://www.cnblogs.com/zdz8207/p/vue-3-2.htmlvue3.0和2.0的区别
Vue-cli3.0
于8月11日正式发布,看了下评论,兼容性不是很好,命令有不少变化
xyx107
·
2020-06-30 04:21
Vue3.0
记录一次vue3.0创建项目
这篇文章主要介绍下
vue-cli3.0
项目搭建,项目结构和配置等整理一下,分享给大家。一、介绍VueCLI是一个基于Vue.js进行快速开发的完整系统。
Good 奈斯
·
2020-06-30 01:24
vue
vue
vue-cli3.0
特性解读
最近的开发项目中使用了
vue-cli3.0
,使用体验可以说非常棒了,模板更加制定化,配置更加简洁。以下总结下应用过程中的一些经验。新建项目?
抬头遇见自己_
·
2020-06-29 23:38
Vue
uni-app 多环境编译解决方案
环境的配置环境中,更改package.json文件中的scripts配置此处的VUE_APP_ENV为运行环境变量,可以在文件中从process.env.VUE_APP_ENV获取此处是因为uni-app是基于
vue-cli3.0
@~~涛
·
2020-06-29 16:37
uni-app
基于Vue CLI3 搭建五脏俱全的移动端H5应用
Vue-CLI3.0
于去年8月份就已发布,却一直没去了解。近日,有新VueH5项目开发,就想着用VueCLI3.0脚手架构建项目。并记录一下构建使用过程。
Web全栈开发
·
2020-06-29 16:02
前端工程师
前端
前端程序员
vue-cli3.0
的webpack常用配置(跨域、修改入口文件、打包路径为绝对路径)
module.exports={publicPath:'./',//解决打包上线时,文件路径变为绝对路径,显示空白configureWebpack:{//对webpack配置devServer:{proxy:{//跨域代理'/api':{target:'http://ko.196.152.com',//baseURLchangeOrigin:true,//是否开启跨域pathRewrite:{'^
dev_codes
·
2020-06-29 15:16
vue
vue-cli3.0
怎么取消eslint校验
我们在使用vue-3.0脚手架写项目的时候,有一个很让人恼火的问题就是eslint校验规则,明明代码没有问题,就是不给你运行,接下来就让我们来解决这个问题第一步:在项目根目录创建vue.config.js文件module.exports={lintOnSave:false//如果为false,就是取消eslint规则的检查}保存,重启项目,搞定!!!!就一步哈哈哈哈!!当初我也搞了好久,去找nod
难得糊涂。
·
2020-06-29 10:30
Vue
vue-cli3.0
配置webpack【vue.config.js】
1.在根目录在创建一个vue.config.js2.代码module.exports={//基本路径baseUrl:'./',//输出文件目录outputDir:'dist',//eslint-loader是否在保存的时候检查lintOnSave:true,//usethefullbuildwithin-browsercompiler?//https://vuejs.org/v2/guide/in
高级前端工程师Vue方向
·
2020-06-29 10:01
web前端
Vue组件通信之父子组件通信、兄弟组件通信
组件通信一般都是父与子/子与父,而Vue当中,又有一个Bus的概念,即:兄弟组件之间间的通信1.父组件与子组件之间的通信以我们的
vue-cli3.0
搭建的架子为例:可以看到,views/Home.vue
高级前端工程师Vue方向
·
2020-06-29 10:01
web前端
vue-cli3.0
配置兼容ie浏览器
vue-cli3.0
配置兼容ie下载依赖npminstallbabel-polyfillnpminstalles6-promise在main.js中引入importEs6Promisefrom'es6-
前端小白程序媛
·
2020-06-29 09:21
前端
Vue—vue-cli脚手架3.0版本搭建、创建项目、项目目录
目录一、概述二、脚手架搭建三、创建项目四、项目目录一、概述
vue-cli3.0
版本要求NodeJS版本必须是8.9或更高版本。二、脚手架搭建命令行中输入如下指令安装
vue-cli3.0
版本。
空城里的往日时光
·
2020-06-29 05:25
Vue
浅谈vue-cli 3 和 vue-cli 2的区别!!!
Vue-cli3.0
于8.11日正式发布,看了下评论,不是特别的乐观,说说我个人的意见,我是Vue的忠实粉,so....大概三个月前超哥就已经得知3.0的消息,试着用了下,相比之下现在的3.0和测试时的区别
Nike丶超哥哥
·
2020-06-29 03:06
代码编辑器插件:Monaco Editor的基本使用
安装npminstallmonaco-editor--save-devnpminstallmonaco-editor-webpack-plugin--save-dev2、配置vue.config.js(
vue-cli3.0
zhanghe-V
·
2020-06-29 02:19
技术操作技巧
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
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
其他