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-cli2
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
vue-cli3 使用cdn引入js
vue-cli2
使用cdn引入js以vue和element-ui为例1.index.html引入我开始把放在外了,打包版的白屏了;2.vue.config.js配置element-ui的cdn全局变量名称就是
柚子胖鸡_
·
2020-04-14 05:17
Vue - Vue CLI(4):
Vue-CLI2
和 Vue-CLI3、Vue-CLI4的区别
周末在家新建了一个Vue测试项目,但不管怎么建,总会提示一些有的没的,杂七杂八的信息,如:找不到funding、存在多少漏洞(vulnerabilities)什么的。如下所示:寻思着,出现这些问题的原因,应该是一些不太重要的依赖包更新了版本或迁移了地址,导致之前的Vue-CLI找不到对应的版本或依赖包地址了。虽然暂时没发现这些错误对项目的运行和打包有啥影响,但是一句话,看着不爽。既然看着不爽,就想
益州府龙骑校尉
·
2020-04-13 17:00
vue-cli2
改vue-cli3报错npm install --loglevel error --registry
1、卸载vue-cli2npmuninstallvue-cli-g2、安装vue-cli3npminstall-g@vue/cli注:需将Node版本升级至8.9及以上。3、vuecreate创建项目失败报错:npminstall--loglevelerror--registry1)出现这个错误,首先需要排除,node,npm的版本问题。2)然后尝试清除npm缓存:npmcacheclean--f
锦岁
·
2020-04-13 14:19
vue.js
vue-cli2
、vue-cli3脚手架详细讲解
转载自
vue-cli2
、vue-cli3脚手架详细讲解前言:vue脚手架指的是vue-cli它是vue官方提供的一个快速构建单页面(SPA)环境配置的工具,cli就是(command-line-interface
茅坤宝骏氹
·
2020-03-29 12:26
vue
同时安装Vue CLI2和Vue CLI3的方法
配置方法改进于同一台电脑实现
vue-cli2
和vue-cli3同时并存原方法使用了直接修改文件名的方式,不够美观,破坏式的,改进后为透传调用。
像烟花一样绚烂
·
2020-03-24 17:18
vue-cli2
的单页面应用构建
前提全局安装vue-cli:npminstallvue-cli-g创建项目vueinitwebpackmy-project?Projectname(test)//项目名称?Projectnametest?Projectdescription(AVue.jsproject)//项目描述?ProjectdescriptionAVue.jsproject?Author(villelee)//作者?Aut
afeng_1234
·
2020-03-23 07:11
vue-cli2
使用cdn引入js
日常检查,发现我司一页面首屏打开耗时10s+,于是研究了一下,改了下js文件的引入方式,速度快了4倍有余!!vue-cli3使用cdn引入js以vue和element-ui为例1.index.html引入我开始把放在外了,打包版的白屏了;2.webpack.base.config.js配置element-ui的cdn全局变量名称就是ELEMENT,不要随意改,否则会报element-uiundef
柚子胖鸡_
·
2020-03-22 01:51
Vue配置Eslint代码规范
以
vue-cli2
为例,添加eslint规则,并配合vscode编辑器使用,能够将原先没有代码规范风格的代码快速修复为符合eslint编码规范的代码,而不用手动修复。
程序员骚俊
·
2020-03-20 15:22
vue-cli3使用mock数据的方法分析
在
vue-cli2
和v
Raaabbit
·
2020-03-16 08:47
vue-cli3构建多页面:提取通用模板和入口文件,自动构建多页配置
请参照官网https://cli.vuejs.org/zh/guide/installation.html二、创建配置文件vue.config.js1、使用vuecreate创建项目之后,我们看到项目里没有像
vue-cli2
Maco_wang
·
2020-02-16 15:47
vue项目使用postcss-pxtorem(应用于vue-cli 2和3)
vue-cli2
:安装插件yarn或者npmyarnaddpostcss-pxtorem编辑项目根目录下.postcss.js文件(没有则新建一个)module.exports={"plugins":{
Micro同学
·
2020-02-12 01:58
【webpack篇】工程化里,如何优化自己的项目
以及
vue-cli2
、3、4我们现在已经在使用vue-cli4了老生常谈的几个优化操作Dll剥离公用资源如何使用(vue-li3、4)的小伙伴可以看以下先将dll配置文件写好webpack.dll.config.jsconstpath
tinytiancai
·
2020-02-09 20:08
webpack
javascript
修改
vue-cli2
的webpack环境,增加一个数据模拟dev及多个不同的build地址
前篇文章2020年,《深入浅出Webpack》(吴浩麟2018/01)学习总结我写了学习webpack的目的和过程,正所谓程序员的价值,往往通过他写的代码带给社会的价值来体现。那么这篇文章,我就结合自己目前所做的项目,介绍如何在修改更少代码的情况下建立多个开发环境及多个生产环境。前言业务需求背景:笔者所服役的公司是一个小型外包,前后端并行开发,团队都是按项目情况从公司其他地方的员工分配过来的人员,
maYunLaoXi
·
2020-02-07 09:33
javascript
前端
vue.js
webpack
vue-cli
vue-cli3安装 和
vue-cli2
继续使用
官方链接:https://cli.vuejs.org/zh/guide/installation.html1.安装Vuecli3关于旧版本VueCLI的包名称由vue-cli改成了@vue/cli。如果你已经全局安装了旧版本的vue-cli(1.x或2.x),你需要先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它。Node版本要求VueCLI需
泡泡糖_966c
·
2020-01-20 10:33
Vue-cli中cdn引入Element-UI
Vue-cli3:在index.html中:在vue.config.js中配置:configureWebpack:{externals:{'vue':'Vue','element-ui':'ELEMENT'}}
Vue-cli2
花铛
·
2020-01-06 14:41
UI框架
vue-cli3项目搭建配置以及性能优化
vue-cli3项目搭建配置以及性能优化在之前的开发中主要用的是
vue-cli2
,最近空闲时间比较多,接下来有新项目,本着偷懒的本能,自己打算搭建一个基础包以备后期开发应用,并对其进行性能优化和配置。
bayi_lzp
·
2019-12-28 19:03
2019-12-09Vue-cli3如何配置添加路由
Vue-cli3新建项目后相比
Vue-cli2
少了很多东西,需要自己来安装使用路由。
KASON
·
2019-12-25 22:22
前端
vue.js
javascript
html5
react.js
Vue-cli3如何添加路由(router)
之前使用的
vue-cli2
的是否可以在创建项目时直接引入vue-router,但是现在Vue-cli3新建项目后却少了很多东西,我们需要自己来安装使用路由。
致学无忧
·
2019-12-16 10:18
webpack3.x升级4.x时遇到的问题
背景在vue-cli3发布之前,使用
vue-cli2
构建的vue项目是基于webpack3.x的,伴随着项目的版本迭代,功能逐渐增多,文件也逐渐增多,打包时间从最初的5分钟,最久的时候19分半钟。
Lsnsh
·
2019-12-14 07:29
webpack4
webpack
vue.js
typescript
javascript
vue-cli2
配置别名alias快捷访问文件夹
打开build文件夹下webpack.base.config.js在resolve字段中配置'usestrict'constpath=require('path')constutils=require('./utils')constconfig=require('../config')constvueLoaderConfig=require('./vue-loader.conf')function
zhulijun_
·
2019-12-14 05:42
vue脚手架版本(2.0,3.0)与 vue版本(2.x,3.x)
版本当前vue基础语言版本,有2.x、3.x(Alpha预览版已经上线,正式版预计发布2020年)当前vue-cli版本有vue-cli2.0、vue-cli3.0(目前它们都是基于Vue2.0语法开发)
vue-cli2
squidbrother
·
2019-12-07 16:08
vue-cli2
与vue-cli3 新建项目
文章目录1、新建项目1)
vue-cli2
新建项目:2)vue-cli3新建项目2、安装axios,qs3、添加依赖:1、新建项目1)
vue-cli2
新建项目:vueinitwebpacktest“?
锦岁
·
2019-11-22 13:24
vue.js
vue-cli3 配置不同环境变量 process.env.NODE_ENV
相比
vue-cli2
,vue-cli3简化了配置区分不同的环境变量process.env.NODE_ENV,以我嘴巴都懒得张的风格,直接上代码.如:1、在根目录下,新建各个环境的text文件,例如:.env.demoNODE_ENV
longpanda_怪怪哉
·
2019-11-19 22:00
扔掉 cli,webpack工程轻量化配置实战
前言之前有用webpack4与babel7改造基于
vue-cli2
生成的工程模板,介绍文章在此。之后通过一些实践,除去了cli工具相对复杂的配置结构,提供轻量化版本的配置方案。
xsbear
·
2019-11-19 15:47
babel7
webpack4
vue.js
react.js
vue-cli2
、vue-cli3脚手架详细讲解
前言:vue脚手架指的是vue-cli它是vue官方提供的一个快速构建单页面(SPA)环境配置的工具,cli就是(command-line-interface)命令行界面。vue-cli是基于node环境利用webpack对文件进行编译、打包、压缩、es6转es5等一系列操作。目前vue-cli已经升级到了3.0版本,3.0所需的webpack版本是4.xxx,2.0版本目前也很流行,2.0所需的
唯美(vmei)
·
2019-10-29 08:00
vue-cli2
和cli3的使用和区别
vue-cli脚手架的使用使用vue-cli可以快速搭建vue的开发环境,和webpack的配置安装vue脚手架:npminstall-g@vue/cli上面安装的是vuecli3的版本,如果需要想按照vuecli2的方式初始化项目是不可以的,我们必须要拉取2.x的模板,需要安装全局的桥接工具(官方查看)VueCLI2初始化项目vueinitwebpackmy-projectVueCLI3初始化项
小寅同学
·
2019-10-19 11:00
vue-cli2
脚手架 + mui配置
mui不属于插件,所以在vue中不能使用npm下载插件,那么这时候在文件中直接引入就行了。但是在引入的时候还有很多坑,下面就是我使用过之后总结的mui引入配置方法1、搭建vue-cli脚手架(根据需要自己搭建vue)搭建完以后的目录是这样的:项目结构但是呢,在文件夹中实际上是这样的硬盘中的项目目录如果这两个文件在文件夹中不显示,那么你文件夹设置隐藏了,请按照如下方式把这两个文件放出来win10系统
东冥羽
·
2019-09-29 17:48
用h5video和h5stream实现监控视频的播放--rtsp流
(我是用的
vue-cli2
)第一步,先在唯一的html文件中引入几个js的文件jq就不用我多说了,剩下的几个给大家一下源码参考在官网h5stream第二部,在需要调用的vue单文件组件中调用首先是template
何以为安、
·
2019-09-07 10:21
vue
设置vue打包资源路径
vue-cli2
修改config/index.js,设置build选项,具体如下:build:{//设置打包后index.html的位置index:path.resolve(__dirname,'目标路径(相对于build/build.js)/dist/index.html'),//设置打包后dist文件夹位置assetsRoot:path.resolve(__dirname,'目标路径(相对于build/bui
Beamon__
·
2019-08-23 00:35
vue
vue-cli3配置与跨域处理方法
安装vue-cli3环境准备1.如果您已安装
vue-cli2
,请先删除当前脚手架,否则无法成功安装vue-cli3。npmuninstallvue-cli-g2.检查node.js版本。
liuliu
·
2019-08-17 15:34
vue-cli3配置与跨域处理
安装vue-cli3环境准备1.如果您已安装
vue-cli2
,请先删除当前脚手架,否则无法成功安装vue-cli3。npmuninstallvue-cli-g2.检查node.js版本。
liuliu
·
2019-08-17 00:00
javascript
vue.js
vue-cli3
跨域
vue-cli3脚手架搭建项目学习
vue-cli3是两个东西vue框架版本依然是2.X版本vue-cli脚手架版本已经是到3.X版本只要你会了2,3根本就不在话下,除了项目目录结构有一点不同外,没什么不同,该怎么用怎么用vue-cli3创建项目和
vue-cli2
笑死我了笑死我了
·
2019-08-13 23:22
vue
vue-cli3 编译打包文件的压缩优化
前言相比于
vue-cli2
,vue-cli3隐藏了很多默认的webpack配置,没有
vue-cli2
那么一目了然。但是都提供了各部分的修改路口,可以仔细研读下官方文档。
迦叶凡
·
2019-08-13 11:27
vue-cli2
兼容 IE 浏览器的不完全踩坑之旅
版权声明:本文原创,转载请注明出处https://www.jianshu.com/p/f5d5bdde00a7vue-cli3兼容IE浏览器的不完全踩坑之旅IE浏览器真是不合群又不懂事,让无数开发者操碎了心啊···本文会持续补充遇到的相关IE兼容问题和解决方案!(兼容>=IE9)背景生产环境vue2.5.10index.html中以cdn方式引入axios0.18.01.老生常谈的ES6语法兼容(
柚子胖鸡_
·
2019-07-26 15:50
ElementUI 源码简析——源码结构篇
目录结构解析首先,我们先来看看ElementUI的目录结构,总体来说,ElementUI的目录结构与
vue-cli2
相差不大:.github:存放贡献指南以及issue、PR模板,这些是一个成熟的开源项目必须具备的
格子熊
·
2019-07-18 09:00
vue-cli2
和vue-cli3请求本地数据
vue-cli3在根目录创建vue.config.js文件在vue.config.js中添加以下代码//vue.config.jsconstexpress=require('express')constapp=express()varcount_data=require('./data/count-data.json')//本地json文件数据varapiRoutes=express.Router
coolSummer003
·
2019-07-15 16:20
Vue Cli 3.* + TP5 前后端分离项目遇到的坑(新手)-莫有跨域
下面是我很荣幸跳的坑目录结构目录1.VueCli3和VueCli2区别1.vue-cli3的github仓库由原有独立的github仓库迁移到了vue项目下2.vue-cli3的项目架构完全抛弃了
vue-cli2
LaputCat
·
2019-07-03 15:03
vue-cli项目中使用高德(百度)地图API
以高德地图为例:高德地图API官网申请key;在index.html中引入:如果是
Vue-cli2
,在build/webpack.base.conf.js中的module.exports={}中加入以下代码
花铛
·
2019-06-20 15:44
地图
详解vue-cli3的安装配置使用以及和
vue-cli2
的区别
首先纠正一下好多人的一个误点尤大大在Medium上宣布正式发布了vue-cli3.0这是vue的脚手架工具总的来说这次两个3.0版本都经历了很大的重构改版,在性能和使用上都有了很大的改变反正作为开发,尤其是对于技术迭代飞速的前端开发来说,不管什么时候都要保持对前沿技术的敏感,那就来具体分析一下vue-cli3.0这次版本的更新对比之前的版本到底有了哪些变化vue-cli更新对比vue-cli2.0
易-水寒
·
2019-06-20 14:25
vue
webpack
vue-cli脚手架打包静态资源请求出错的原因与解决
静态资源打包使用相对路径后css文件引入大图片路径错误问题使用
vue-cli2
脚手架生成的默认打包配置文件,npmrunbuild打包,部署项目到特定路径下://ip:port/test/index.html
筱筱酱
·
2019-06-06 11:14
vue-cli3中vue.config.js配置教程详解
但是vue-cli3推崇零配置的话,导致了跟之前
vue-cli2
的配置方式都不一样了。
ZJW0215
·
2019-05-29 09:47
在vue项目中使用monaco-editor插件实现代码编辑器功能(以及sql格式化功能)
**记一次
vue-cli2
项目中使用monaco-editer编辑器插件**1、使用npm安装依赖npminstallmonaco-editor--savenpminstallmonaco-editor-webpack-plugin
看雪看月亮
·
2019-05-28 13:32
工作记录
monaco-editor
monaco-editor
编辑器插件
sql-formatter
同一台电脑 实现
vue-cli2
和vue-cli3同时并存
win下
vue-cli2
和vue-cli3并存,一起使用开局一张图,内容慢慢编文章目录win下
vue-cli2
和vue-cli3并存,一起使用安装vue-cli版本检验安装是否成功修改vue2和vue3
Jioho_
·
2019-05-23 00:21
开发工具
vue实践
前后端分离实践(四)—— 使用vue-cli搭建前端展示层并用mock模拟测试数据
前后端分离实践系列文章总目录目录一、搭建一个Vue-cli脚手架应用1、全局安装
vue-cli2
、使用webpack初始化一个vue应用3、进入fbsep-vue应用目录启动应用4、浏览器访问fbsep-vue
_云卷云舒_
·
2019-05-15 23:45
前后端分离
前后端分离
如何获取vue单文件自身源码路径
D2Admin是一个开源的,前端中后台集成方案,原先是基于
vue-cli2
,大概是向vue-cli3过渡时,作者老李,想在页面右下角加个Toggle点击,跳到当前页面源码对应的github页面。
CNine
·
2019-05-06 15:25
Vue-cli2
+ webpack搭建vue项目流程以及打包发布流程
目录1.1命令行初始化项目1.2分析项目目录1.3运行项目1.4多环境配置打包发布一.vue-cli2+webpack搭建项目流程以及打包发布流程最近升级到vue-cli3,发现
vue-cli2
搭建项目命令不能用了
qq_35321405
·
2019-04-25 18:28
vue
vue-cli3使用 DllPlugin 实现预编译提升构建速度
lodash),用到的地方,参考源码自己写(2)非用不可的又比较大的库(我这里用了monaco-edit),使用cdn方式引入打包体积减少的情况下,自然速度也会有所提升2.加快打包速度:我目前做了这些:(1)
vue-cli2
Happy222~
·
2019-04-24 09:00
vue-cli3本地模拟数据(一)
目前vue最新的脚手架是vue-cli3,相比之前的
vue-cli2
,vue-cli3更轻便,而且新增了图形界面管理。
蒋蒋_dbfe
·
2019-04-21 22:24
安装vue-cli3后使用
vue-cli2
搭建项目
$vue-V3.5.1所以
vue-cli2
的创建项目的命令就不能用了。
柒月梦
·
2019-04-02 11:27
Vue
踩得坑
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他