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.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
vue-cli3.0
脚手架搭建、多个子项目
vue-cli3.0
脚手架搭建之多入口设置上一章节介绍了
vue-cli3.0
脚手架的创建及基础配置还未搭建项目的朋友们可以一步这里主题宗旨:利用项目中的环境变量来代替文件路径。
爬坑之路
·
2020-08-15 17:52
vue-cli3.0
vue
Vue-cli3.0
打包优化实践
gzip压缩vue.config.jsnpmi--save-Devcompression-webpack-pluginconstCompressionWebpackPlugin=require('compression-webpack-plugin')constproductionGzipExtensions=/\.(js|css|json|txt|html|ico|svg)(\?.*)?$/im
天灰灰、欲落雨☔
·
2020-08-15 17:21
通过 vue.config.js 修改 webpack 的默认配置 (Vue项目上线优化 三)
1、通过vue.config.js修改webpack的默认配置通过
vue-cli3.0
工具生成的项目,默认隐藏了所有webpack的配置项,目的是为了屏蔽项目的配置过程,让程序员把工作的重心,放到具体功能和业务逻辑的实现上
Linxi~
·
2020-08-15 15:45
vue
vue-cli3.0
适配移动端
安装npmilib-flexible--savenpminstallpostcss-px2rem-exclude--save在main.js里引入(请手动引入)import'lib-flexible/flexible'然后再postcss.config.js里(若没有,请新建,跟package.json同级)module.exports={plugins:{autoprefixer:{},'pos
我是快乐的搬运工
·
2020-08-15 00:08
javascript
vue
vue-cli3.0
项目的安装、创建和启动
要安装
vue-cli3.0
,请使用以下命令之一:npminstall-g@vue/cli#ORyarnglobaladd@vue/cli您可以使用此命令检查您是否具有正确的版本(3.x):vue--version
瓜冬瓜
·
2020-08-14 21:37
Vue.js
Vue-cli3.0
svg-sprite-loader 配置
安装svg-sprite-loadernpminstallsvg-sprite-loader--save在项目根目录中打开vue.config.jsconstpath=require('path');functionresolve(dir){returnpath.join(__dirname,dir)}module.exports={chainWebpack:config=>{config.res
蜡笔小心丶
·
2020-08-14 20:59
vue.js
一、安装
vue-cli3.0
并创建vue项目
说明:因为是刚开始学习
vue-cli3.0
,内容有些粗糙,更细节方面可能会存在问题,待以后发现再更新1、安装
vue-cli3.0
,若安装了vue-cli2.0先卸载npmuninstall-gvue-cli2
表演系小学渣
·
2020-08-14 12:07
vue项目框架配置
vue-cli3.0
脚手架搭建项目
原文地址:https://www.cnblogs.com/qq1272850043/p/9812421.html1.安装vue-cli3.0npminstall-g@vue/cli#oryarnglobaladd@vue/cli安装成功后查看版本:vue-V(大写的V)2.命令变化vuecreate--help用法:create[options]创建一个由`vue-cli-service`提供支持
胡阿姜
·
2020-08-14 09:59
vue
vue-cli搭建
两种方式调用本地json文件(基于Vue-cli3脚手架)
vue-cli3.0
往后的项目基础架构对比旧版本有些区别。以前大家都习惯在根目录下的static文件夹下创建json文件,然而vuecli3、4没有static文件夹了。
酷酷的橙007
·
2020-08-12 18:25
Vue
Vue-cli3.0
配置打包之后的打印
1.安装插件cnpminstallbabel-plugin-transform-remove-console2.在babel.config.js进行配置constplugins=[]if(process.env.NODE_ENV==='production'){plugins.push('transform-remove-console')}module.exports={presets:['@v
程序猿中的彭于晏
·
2020-08-12 13:11
Vue-cli3.0
怎么配置在打包时候去掉console打印的信息
场景我们在开发过程中,肯定会用到console打印信息。但是呢,我们上线就要把console这些打印的信息给去掉吧,那时我们项目那么多打印,难道要一个个去掉吗,显然是不可能的;以下是解决方法安装插件npminstallbabel-plugin-transform-remove-console使用(修改babel.config.js)//生产环境下清除console打印constplugins=[]
LBM Blog
·
2020-08-12 13:59
vue
前端
Vue CLI 3.X 初体验
由于近期刚学习了typescript,想找个项目来看看,加之听说
vue-cli3.0
开始已经支持自动搭建基于typescript的开发环境,所以也安装了一个体验一下,下面会简单说一下体验的整个流程,多图预警
weixin_34126557
·
2020-08-12 13:24
vue-cli2.0,
vue-cli3.0
中使用svg
前言:vue中和我们传统的页面是不同的,svg不可以直接使用,我们这里说说2.0,3.0脚手架搭建的项目中优雅的使用svg的办法;vue-clli2.0搭建的项目:第一:安装依赖npminstallsvg-sprite-loader--save-dev第二:配置build文件夹中的webpack.base.conf.js{test:/\.(png|jpe?g|gif|svg)(\?.*)?$/,l
浩星
·
2020-08-12 12:41
vue
vue-cli3.0
嵌套app的webView 安卓5.0白屏
vue-cli3.0
嵌套app的webView安卓5.0白屏白屏原因白屏解决方案(babel-polyfill)babel-polyfill相关文章推荐你都照做了,但还是没有解决?
铁板海带
·
2020-08-12 00:26
兼容
Vue
升级已有项目到vue-cli 3.0版本
其实,最简单的方法,就是使用
vue-cli3.0
,创建一个新的项目,然后将原有的项目的源码拷到新的项目中即可。
zhanghe-V
·
2020-08-12 00:55
学习笔记
vue-cli3.0
脚手架搭建项目
脚手架vue-cli3.01、确保电脑已经安装node环境,并且保证node.js版本在8.9或者更高的版本(推荐使用8.11.0+)2、npm全局安装
vue-cli3.0
版本$npminstall-g
前端菜菜子
·
2020-08-12 00:21
vue
vue打包之后生成一个动态修改接口的配置文件
vue-cli3.0
vue打包之后生成一个动态修改接口的配置文件
vue-cli3.0
使用
vue-cli3.0
脚手架,在项目根目录下的public文件夹下新增static文件夹,在static文件夹下新增config.js文件在
随意花
·
2020-08-12 00:11
vue
vue-cli3.0
中vue.config.js配置(自行整理)
//打包去掉consoleconstTerserPlugin=require('terser-webpack-plugin');module.exports={//查阅https://github.com/vuejs/vue-cli/tree/dev/docs/zh/config//项目部署的基础路径,我们默认假设你的应用将会部署在域名的根部,比如https://www.my-app.com/pu
SanlyShi
·
2020-08-12 00:14
vue
一份超级详细的
Vue-cli3.0
使用教程[赶紧来试试!]
前言在vue-cli2.X的时候,也写过一篇类似的文章,在八月份的时候vue-cli已经更新到了3.X,新版本的脚手架,功能灰常强大,试用过后非常喜欢,写篇教程来帮助各位踩一下坑。游泳、健身了解一下:博客、前端积累文档、公众号、GitHub主要内容:零配置启动/打包一个.vue文件详细的搭建过程重点推荐:使用图形化界面创建/管理/运行项目安装:卸载旧版本:如果你事先已经全局安装了旧版本的vue-c
weixin_34306593
·
2020-08-11 23:28
javascript
webpack
json
vue-cli3.0
移动端适配
,加上少许的媒体查询方案使用flexbox解决方案使用百分比加媒体查询使用rem用px2rem配合lib-flexible关于移动端的适配,我喜欢用px2rem配合lib-flexible,非常方便,
vue-cli3.0
weixin_34167819
·
2020-08-11 23:12
vue-cli3.0
中大屏使用rem做响应式(引入rem.js)
因为目前有px转换rem的插件但是我不想用感觉费劲首先我们先找一段rem.js引入到vue的index.html中上代码:/**@pwidth设计稿的宽度*@prem你要1rem比多少px我的是1rem比100px**/(function(doc,win,pwidth,prem){vardocEl=doc.documentElement,resizeEvt='orientationchange'i
每逢佳节掉三根.
·
2020-08-11 22:16
VUE
vue-cli 兼容移动端低版本系统步骤详解
最近用
vue-cli3.0
开发的移动端项目在最近两年新出的安卓手机上没问题,在三四年前的旧手机上出现白屏问题。
一捆铁树枝
·
2020-08-11 22:08
Vue
vue-cli3.0
vue-cli低版本兼容
vue-cli3+工具中,配置路径别名(vue.config.js)
resolve:{extensions:['.js','.vue','.json'],alias:{'vue$':'vue/dist/vue.esm.js','@':resolve('src'),}},但是
vue-cli3.0
cdgogo
·
2020-08-11 22:14
vue
vue-cli3.0
项目中使用vw——相比flexible更原生的移动端解决方案
以前喜欢用lib-flexible配合px2rem达到移动端适配的效果,最近了解了下vw与vh单位,以viewport为基准,1vw与1vh分别为window.innerWidth与window.innerHeight的百分之一。安装命令行输入:yarnaddpostcss-px-to-viewport或npmipostcss-px-to-viewport-save-dev配置package.js
光就一个字
·
2020-08-11 22:35
vue
移动端
vue-cli3.0
移动端px转换rem方法
vue-cli3.0
移动端px转换rem方法创建好项目以下安装建议使用淘宝NPM镜像,下载速度快、成功率高。
敏炜
·
2020-08-11 22:38
vue-cli3.0
移动端适配 rem 布局
npminstalllib-flexible安装:在main.js引入中:import'lib-flexible/flexible.js'1.1、npminstallpostcss-pxtorem或者yarnaddpostcss-pxtorem:在package.json内,在postcss内添加:"postcss":{"plugins":{"autoprefixer":{},"postcss-p
景尘
·
2020-08-11 21:43
前端vue技术点干货分享
vue-cli3.0
使用rem适配方案
vue-cli3.0
使用rem适配方案相对于rem来说,vw适配能更好的适配移动端,但如果既需要适配移动也需要适配PCvw的适配在pc显示时会显得格外的大,rem就会相对好些,这里只针对一些简单页面解决方案
ZQD1997
·
2020-08-11 21:05
Vue
vue-cli3.0
搭建脚手架及移除严格模式
vue-cli3.0
搭建脚手架及关闭严格模式vue的更新可以说是非常快的了。
依古比古*
·
2020-08-11 20:23
集成vue
vue
vue3.0脚手架
vue
从vue-cli 2.x 到 vue-cli 3.0 体验
文章目录前言项目建立迁移细节webpack配置坑:vue文件中scopedcss的引用骨架屏(skeleton)的迁移开启PWA(serviceworker,manifest等)前言一次从vue-cli2.x到
vue-cli3.0
辰辰沉沉大辰沉
·
2020-08-11 20:49
前端架构
Vue-cli3.0
怎么修改打包后的js文件名
场景:每次发布完代码之后,浏览器缓存严重,会导致之前解决的部分问题不体现。方法:使用webpack配置文件:vue.config.jsconstTimeStamp=newDate().getTime();//constMiniCssExtractPlugin=require('mini-css-extract-plugin');functionresolve(dir){returnpath.joi
CheckMate_Room
·
2020-08-11 20:32
前端基础
vue-cli3.0
移动端屏幕适配
vue-cli3.0
移动端屏幕适配vmvh适配方案npmipostcss-px-to-viewport-save-dev配置package.json"postcss":{"plugins":{"autoprefixer
前端段
·
2020-08-11 20:35
vue学习
Vue—vue-cli脚手架指定版本安装
>npminstall-g@vue/cli如果想要安装
vue-cli3.0
版本,可以执行如下指令。
空城里的往日时光
·
2020-08-11 14:49
Vue
在
vue-cli3.0
中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
你可以在创建项目的时候选择预处理器(Sass/Less/Stylus)。如果当时没有选好,内置的webpack仍然会被预配置为可以完成所有的处理。你也可以手动安装相应的webpackloader:#Sassnpminstall-Dsass-loadernode-sass#Lessnpminstall-Dless-loaderless#Stylusnpminstall-Dstylus-loaders
·
2020-08-11 11:01
如何使用vue-cli 3.0搭建多页面应用
一.初始化项目使用
vue-cli3.0
创建一个项目,项目默认是单页面应用,目录如下:|—node_modules|—public//模板文件|—favicon.ico|—index.html|—src|
微笑的蛋壳哈
·
2020-08-10 21:28
vue
记
vue-cli3.0
实现一个多页面应用的历奇经历
于是就使用vue的最新脚手架工具
vue-cli3.0
来初始化项目,但突然,一个会议又来了
wangliang_001
·
2020-08-10 19:35
vue
前端深入之
vue-cli3.0
多页面配置入坑
依赖于
vue-cli3.0
版本的vue项目思路无非就是配置不同的入口文件,依赖模板,以及页面对应的路由。而这些文件在哪里集成在一起呢?
leo_future
·
2020-08-10 18:46
前端深入
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-10 15:44
vue.js
vue-router
history
Vue-CLI3.0
更改打包配置
但在
Vue-CLI3.0
中已经帮我们对webpack配置做
-小橙子-
·
2020-08-10 14:37
Webpack
VUE-CLI3.0
多页配置
1,初始化项目,新建pages目录├──assets│└──logo.png├──components│├──About.vue│├──HelloWorld.vue│└──Home.vue├──pages│├──page1││├──index.html││├──index.js││└──index.vue│└──page2│├──product.html│├──product.js│└──prod
·. .·'·.
·
2020-08-10 13:08
VUE
vue-cli3.0
使用amfe-flexible + postcss-pxtorem,适配移动端并px自动转rem
已初始化vue-cli3项目第一步:下载postcss-pxtorem(npmipostcss-pxtorem-D)第二步:下载amfe-flexible(npmiamfe-flexible-S)第三步:在main.js中引入amfe-flexibleimport'amfe-flexible/index'第四步:新建vue.config.js,配置postcss-pxtoremmodule.exp
奔跑的IT小白
·
2020-08-10 10:31
vue
详谈vue
分两部分一个是HTML页面里面直接写vue实例一个是通过脚手架搭建vue环境脚手架分两部分一个是包含webpack一个是不包含webpack不包含webpack是
vue-cli3.0
以后也是在说明webpack3.0
刘勇大三入门前端
·
2020-08-10 10:27
vue
"Failed to load resource: net::ERR_FILE_NOT_FOUND"错误 。vue-cli 3.0 创建的项目,dev下能运行,打包后报错,页面空白 。
cli3.0解决办法:Failedtoloadresource:net::ERR_FILE_NOT_FOUND打开dist/index.html,引入是有问题的,在
vue-cli3.0
创建的项目中是找不到
浪里白条那片海
·
2020-08-10 03:40
npm
vue
js
vue-cli3.0
升级失败,vue-cli卸载不掉,vue-cli升级不了3.0,
升级个
vue-cli3.0
,真的差点气死我了!一直卸载不掉!我差一点就重装电脑了!百度,google翻了个底操天也没找到解决办法!最后放弃百度自己重头开始研究自己到底哪一步出错了!
weixin_33733810
·
2020-08-10 02:26
vue-cli3.0
以上 threejs引入obj模型 点击显示模型数据 点击高亮
先看一下效果图基础知识可以看我之前写的https://blog.csdn.net/www_share8/category_9385409.html首先说一下可能遇到的问题,第一个可能遇见,
vue-cli3.0
滚动小人人
·
2020-08-09 19:08
webGL学习
vue
threejs
three引入obj模型
three中点击事件
vue-cli3.0
以上 + typeScript 教程学习指导(二) 数据和事件处理
上一系列我们搭建好了入门框架,也跑起来了。现在我们来通过对比的形式看一下ts是如何绑定数据处理事件的所有系列文章地址https://blog.csdn.net/www_share8/category_9877844.html一数据绑定ts+vue写法{{msg}}import{Component,Prop,Vue}from'vue-property-decorator'@Componentexpo
滚动小人人
·
2020-08-09 19:38
typeScript学习
vue-cli3.0
以上 + typeScript 教程学习指导(三) 计算属性 watch 新
这是一个系列文章之前的系列文章地址:https://blog.csdn.net/www_share8/category_9877844.html今天我们来学习一下计算属性和watchvue中关于计算属性就是当a,b(关联着a),当a改变后b也要跟着改变这个时候就可以使用计算属性了,watch也有这样的功能,watch和计算属性的区别大家可以网上查询一下资料,这不是本次的重点。先来看一下vue中是如
滚动小人人
·
2020-08-09 19:38
typeScript学习
页面加载性能之WebP在项目中的应用
框架本文将以
vue-cli3.0
脚手架搭建的项目为例。转换工具我们选择的是Imagemin,版本选择6.1.0,因为7.0.0之后的版本在windows上有兼容性问题,目前还未修复。npminsta
找到Web
·
2020-08-09 18:00
Web前端性能优化
vue-cli3.0
生产包去除console.log
目前负责的公众号又迭代了一个版本,之前打生产包,配置总是和测试包搞混,所以使用了
vue-cli3.0
的环境变量来控制配置。
輕描淡寫以後的以後
·
2020-08-09 16:27
vue
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
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
其他