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静态资源static assets项目结构
今天又是纠结的一天...本文又名:vue/cli3中不得不知的webpack配置..如大家所见,我在前文也写过
vue-cli3.0
默认项目目录与2.0的相比,更精简:1.移除的配置文件根目录下的,build
weixin_34345560
·
2020-06-21 11:23
vue-cli3.0
打包时如何忽略某个第三方依赖包
前几天接到了用vue重构某个业务模块的需求,常规开发不做讨论,但是在打包时需要排除业务中使用的某个第三方依赖包。代码如下://main.jsimportVuefrom'vue';importCesiumfrom'cesium/Cesium';//必须全局引入,某个组件中引入忽略无效importWidgetsfrom'cesium/Widgets/widgets.css'Vue.prototype.
weixin_34320724
·
2020-06-21 11:40
Vue组件篇——Vue3.0中使用高德地图
VUE-CLI3.0
中配置高德地图在项目开发中,地图组件1、首先,需要注册高德开放平台的账号,并在【应用管理】页面【创建新应用】,为应用添加Key值高德开放平台:https://lbs.amap.com
Chenxi_Liu
·
2020-06-21 11:00
Vue-cli3.0
+ Element UI + ThinkPHP5.1 + RBAC权限 + 响应式的后台管理系统
前言项目前端地址:https://github.com/lmxdawn/vu...项目后端地址:https://github.com/lmxdawn/vu...觉得有用请star目前v3.0.0版本点击前往v1.0.0版本更新日志[x]更新vue-cli为3.0版本这里有篇文章[x]增加上传插件[x]增加广告管理[x]优化路由控制[x]优化一些配置文件[x]登录用户信息存储改为cookie一键操作
weixin_34025151
·
2020-06-21 11:11
vue-cli3.0
+ element-ui框架搭建,手把手教你搭框架
然后就可以开始框架的搭建了(要使用git也可以把git安装好,这里就不多说了)
vue-cli3.0
初始化打开CMD找到希望存放vue项目的目录,先安装
shuo_huang
·
2020-06-21 07:09
框架搭建
vue-cli3.0
移动端适配
因为这是3.0的脚手架跟2.0的配置有所区别,所以请2.0版本的移步这里vue-cli2.0移动端适配因为打算使用rem适配方案去做移动端,所以找到了px2rem这个插件这个插件的作用就是将你写的css,或者scss中的px转换成rem就像下面这样转换前转换后接下来开始配置如果你使用的是css的话看这里首先npminstallpx2rem-loader--save然后在你的项目文件,src同级建v
_duck不必
·
2020-06-12 14:24
Vue-cli3.0
脚手架安装
1、Node.js环境搭建在node所在的文件夹下新建目录:node_cachenode_global执行两条命令:说明nodejs全局位置与缓存位置npmconfigsetprefix"C:\ProgramFiles(x86)\nodejs\node_global"npmconfigsetcache"C:\ProgramFiles(x86)\nodejs\node_cache"测试:全局安装ex
刘远山
·
2020-06-07 17:40
Vue.js
vue性能优化之build后包体积太大
基于
vue-cli3.0
构建项目,npm引入多个第三方包。build之后,包体积太大导致首屏过长。----毫无体验感!!!
肥宅重
·
2020-05-14 17:12
Vue-cli3.0
读取外部化配置文件来修改公共路径
之前我写过一篇通过
vue-cli3.0
打包发布到nginx配置代理转发的博客,链接在此:https://www.cnblogs.com/jdWu-d/p/12197156.html,正常来说也是正确的,
他好像一条狗啊
·
2020-05-12 13:00
Vue-cli3.0
配置Bootstrap
第一步:安装插件yarn安装:yarnaddjquery或者指定版本:
[email protected]
或者指定版本:
[email protected]
安装npminstalljuqery--savenpminstallbootstrap--savenpminstallpopper.js--save第二步:配置w
Martin_Luo
·
2020-04-26 22:29
Vue-cli使用prerender-spa-plugin插件预渲染
vue-cli3.0
版本3
心止既岸
·
2020-04-10 09:20
vue
安装脚手架vue-cli$sudochmod-R777/usr/local/lib/node_modules/(mac修改文件夹权限)#安装
Vue-cli3.0
脚手架工具$npminstall-g@vue
Y了个J
·
2020-04-08 00:31
vue-cli3.0
以上 + typeScript 教程学习指导(一) 入门typeScript
之前在简单的学习了ts后一直想将它与vue结合起来一直没有,对此就开始打算以文章的形式一步一步来从简单入手。单纯的typeScript如何教程:https://ts.xcatliu.com/我将写一系列的文章来和大家一起进步,我的所有系列文章会涉及到1,搭建跑起来2数据处理,指令v-ifv-for事件处理,生命周期3计算属性watch4父子传值5vueX的使用6做一个登录项目7做一个登录加下订单的
滚动小人人
·
2020-04-07 20:29
typeScript学习
typescript
vue+typescript
tslinejs搭建
typeScript入门系列
Vue-cli3.0
二次封装axios @于志程
前言一个好的代码规范会让自己以及后来者更容易解读,而代码拆分也是一样的这样的话也更容易进行更改正题.安装npminstall-saveaxiosyarnaddaxioscnpminstall-Saxios以上三种方法安装接下来在main.js中引入importaxiosfrom’axios‘axios不需要使用Vue.use()因为axios里面没写install不懂为什么axios不用Vue.u
于志程_yzcheng_程程程
·
2020-04-03 04:00
用vue+elementUI搭建一个后台管理系统框架
但是都是在别人已经搭建好的框架上调用接口进行数据增删改查,从没有自己新建过项目,最近有时间,就想着自己自己从头到尾的过一遍,这里写的都是自己觉得需要注意的,没有一步步的进行介绍,有不对的还请多指教一、创建项目使用
Vue-cli3.0
weixin_45115895
·
2020-04-02 22:04
javascript
vue.js
html5
vue-cli 3.0 项目启动报错
报警信息:Cannotassigntoreadonlyproperty'exports'ofobject'#'问题原因:
vue-cli3.0
版本默认禁止了commonjs语法,在开发项目时,module.exports
杰先森s
·
2020-04-01 11:53
Eat-Vue:日常记录1
Youareusingtheruntime-only...Learning:1、vue组件挂载到全局方法(简单版)BUG:1、[Vuewarn]:Youareusingtheruntime-only...重要环境OR工具:vue脚手架:
Vue-cli3.0
Moryan
·
2020-03-29 18:10
webpack4 + vue+django
vue-cli3.0
虽然帮助vue新手不用关注过多环境配置,快速上手开展项目,但后期runnpmbuild建立生产模式的时候,遇到很多坑,比如js,css加载报404错误,页面空白等等。
黑夜的眸
·
2020-03-25 14:03
安装多版本Vue-CLI的实现方法
原因是
Vue-cli3.0
版本与之前的版本有了较大不同,当你要处理3.0之前的项目,又想使用之后的版本处理新的项目的时候就会遇到多版本管理的问题。
webgiser
·
2020-03-24 10:06
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
匆匆那年_海
·
2020-03-24 09:47
Vue项目build打包后如何运行
Vue之前用Vue做了一个登录系统的项目,使用npmrunbuild命令进行打包,经过
vue-cli3.0
版本的优化,打包后的dist文件夹体积非常小,我的才200K左右,可以看出Vue打包的优化十分不错
冰溪bx
·
2020-03-22 18:19
vue-cli3.0
配置process.env.NODE_ENV
在根目录下新建三个.env文件NODE_ENV=devVUE_APP_URL=http://192.168.14.22NODE_ENV=prodVUE_APP_URL=https://www.baidu.comNODE_ENV=testVUE_APP_URL=https://test.baidu.com分别对应以上三个文件本地环境、正式环境和测试环境在vue.config.js文件中配置相应的变量
Call_me_small_pure
·
2020-03-18 11:47
vue
vue-cli
process.env
NODE_ENV
process
环境变量
vue中使用rem,结合postcss-pxtorem和amfe-flexible实现移动端适配
npminstallpostcss-pxtorem--save-devnpminstallamfe-flexible--save2.在main.js中引入import'amfe-flexible';3.在.postcssrc.js中配置(
vue-cli3.0
nora_wang
·
2020-03-17 17:42
Vue笔记十:
Vue-cli3.0
vueinit兼容刚开始试用
vue-cli3.0
的时候,我感觉到非常反感。因为我好不容易把webpack2、3、4的配置搞懂了,尤大大你居然把webpack的配置去掉了。
brandonxiang
·
2020-03-17 09:08
vue-cli3.0
实现一个多页面应用的历奇经历记录总结
本文实例讲述了
vue-cli3.0
实现一个多页面应用的历奇经历。
wangliang_001
·
2020-03-16 08:44
vue-cli3.0
路由懒加载
vue-cli3.0
路由懒加载今天项目运行得时候,报了这么一个错误:@babel/plugin-syntax-dynamic-import,搜集资料发现是webpack4不支持动态引入文件。
随意花
·
2020-03-14 16:24
vue
vue-cli3.0
vue
路由懒加载
babel
babel.config.js
《.netCore + Vue框架搭建之旅》前端篇:微前端架构设计
《vue-cli2.0与
vue-cli3.0
》环境依赖演示思路:先加载顶部一级菜单,当用户点击时触发请求,加载模块。等待模块加载完成后,加载二级菜单。
卷毛不太卷
·
2020-03-04 15:00
vue-cli4.0脚手架安装
10月16日,官方发布消息称Vue-cli4.0正式版发布,并且强烈建议升级;小编也是刚刚安装了最新版本的脚手架看看更新了什么image安装和
vue-cli3.0
的是一模一样的,对比了一下3.0的脚手架
小周sri的码农
·
2020-02-21 11:39
vue-cli3.0
环境下使用proxyTable解决跨域问题
现在项目一般都进行前后端分离了。前后端服务器都不在一起,开发环境下,当协议、子域名、主域名、端口号中任意一个不相同时,算不同域,这个时候会出现跨域问题。1.在config下index.js中proxyTable加上:proxyTable:{'/api':{//要代理的接口名target:'http://39.108.102.200/',//要代理的后台接口地址changeOrigin:true,/
烟染眼眸
·
2020-02-17 13:59
vue-cli3.0
打包注意
在将项目配置到服务器上时,需要知道后台即将分配的域名后缀是什么例:http://www.xxx.com/vue,此时后缀是vue,那么压缩的时候需要配置一下vue.config.js(
vue-cli3.0
有你才精彩XX
·
2020-02-11 23:23
vue-cli配置,hello world 运行
vue-cli3.0
配置:安装:npmi-g@vue/cli安装成功后使用vue-version查看版本注意:
vue-cli3.0
需要node8.9或更高版本vue-cli2.0配置:npmi-gvue-cli
彩色的炭
·
2020-02-11 01:00
VUE3.0 一.安装node.js、vue3.0脚手架
npm-v#6.13.4node-v#cv10.16.02.全局安装
vue-cli3.0
脚手架1.全局安装如果之前安装过卸载之前的没有安装过直接执行下一步npmuninstall-gvue-cli#卸载之前的
AH_HH
·
2020-02-09 18:21
VUE
vue.js
npm
yarn
es6
vue3.0
Vue 在工程使用方面 并没有 想象中 比React 好用。
随着Vue2.5和
Vue-cli3.0
的发布,Vue也开始可以支持Typescript了。于是开始使用了一下国人
傻梦兽
·
2020-02-08 23:29
Vue-cli使用prerender-spa-plugin插件预渲染
vue-cli3.0
版本3
阿尔法乀
·
2020-02-08 08:54
关于webpack依赖动态懒加载
前言起因是因为一个基于
vue-cli3.0
的项目突然反馈vendor包过大,为了减少用户的白屏时间开始做优化。
AmazRan
·
2020-02-07 12:45
vue-cli3.0
打包
打包工具我使用的是Hbuild,其实打包的教程网上一找一大堆,但是打包之后的路径问题我发现都是要更改config的,可是vue-cli3的项目并没有暴露那么多的配置文件,所以最后发现直接在dist文件夹下手动更改index.html和app.js的路径,将绝对路径都改成正确的相对路径就好了。如果css文件中也涉及到路径,则也要同时更改,改完之后在hbuild中用浏览器运行一下如果可以显示,那打包的
Cris娜娜
·
2020-02-07 09:30
vue-cli3.0
搭建项目模版教程(ts+vuex+axios)
之前写了一篇vue2.5+typescript+vuex+axios搭建教程,随着
vue-cli3.0
的发布,最近琢磨着重新写一篇基于3.0搭建的教程,全面升级一下项目模版,趁着空闲期把demo搭建完了
陈小生_1017
·
2020-02-07 01:04
vue2.5+typescript+vuex+axios 搭建教程
更新了一篇
vue-cli3.0
搭建的优化版本,附上链接
vue-cli3.0
搭建项目模版教程(ts+vuex+axios)写这篇文章主要用于备忘,期间也是借鉴了很多别人的博客,在此感谢。
陈小生_1017
·
2020-02-02 04:19
9
Vue-CLI3.0
核心文件讲解、单文件组件、组件嵌套、局部样式、父子组件传值
1、快速搭建Vue-CLI:-->注意项目命名:vue-text,不能使用小驼峰形式;cdxx目录->vuecreatexxx->cdxxx->npmrunserve->http://localhost:8080/->项目初始化界面(1).项目初始化界面:html、css、以及js文件都是webpack打包处理后由浏览器进行渲染呈现出的页面,app.js文件的名字可由webpack配置文件进行更改
官清岁月
·
2020-02-02 03:43
在
vue-cli3.0
中自定css、js和图片的打包路径
前言我们有时候因为一些特殊需求,可能需要将js/css/img等资源文件都打包到根路径下,但
vue-cli3.0
的路径配置中仅有**assetsDir**配置项能够配置所有的静态文件所在的文件夹,并不能针对
Fullstack_Yang
·
2020-02-02 00:22
Vue-cli3.0
构建项目
一、安装Nodehttps://nodejs.org/en点此链接下载进行安装,选择稳定版本image二、全局安装vue-cli3.0npminstall-g@vue/cli如果之前有安装需要先卸载掉低版本npmuninstallvue-cli-g三、创建项目1、vuecreatevue-3.0执行该命令后出现两个选项default(babel,eslint)默认预设配置和Manuallysele
Peng_Kang
·
2020-01-21 16:47
vue-cli3 取消eslint校验代码的解决办法
在网上找了各种办法都没解决,看了下文档就解决了关闭
vue-cli3.0
报错:eslint-disable-next-linetoignorethenextline.注意我这里是VUE3.0解决方法:找到文件
半截肥皂
·
2020-01-16 11:59
Vue-cli3.0
打包部署到Nginx
Vue-cli3.0
相比于Vue-cli2.0,仅从根目录来看,最大的区别就是
Vue-cli3.0
少了build和config文件夹,前者用于项目构建(webpack)相关代码,后者用于项目开发环境配置
他好像一条狗啊
·
2020-01-15 15:00
在vue单文件组件中使用typescript初探
vue-cli3.0
已经支持typescript配置,脚手架已经把该配置的给配置好了。
vue-cli3.0
不再直接暴露webpack相关配置,如果需要个性化配置需要在vue.con
沉默术士
·
2020-01-09 17:52
typescript
vue.js
前端
vue+webpack多个项目共用组件动态打包单个项目
我现在的项目改成
vue-cli3.0
的了,实现了一个工程多项目共用一些资源,但是打包的时候只打包一个项目,并且每个项目也可以配置多页面,并且实现了自动化上传到测试服务器(生产没权限)和静态资源分离,一行命令就可以打包项目并且把静态资源上传到一个服务器
王_凯
·
2020-01-08 02:36
vue多页面应用配置
目录结构使用
vue-cli3.0
构建${root}/build/utils.jspublic/index.htmlsrc/assets/css/img/components/index.jspages/
不二很纯洁
·
2020-01-06 20:30
vue-cli 3.x 与vue-cli 2.x构建项目的区别
vue-cli3.0
正式版于8月10号发布,但是3.0与2.0版本在搭建项目时到底有何不同呢?
易冷zzz
·
2020-01-06 01:24
基于
vue-cli3.0
构建功能完善的移动端架子
基于
vue-cli3.0
构建功能完善的移动端架子,主要功能包括webpack打包扩展css:sass支持、normalize.css、_mixin.scss、_variables.scssvw、rem布局跨域设置
ypzhoua
·
2020-01-05 08:29
Vue-cli3.0
项目创建
简介之前写过一篇文章Vue-cli项目创建,主要是针对
Vue-cli3.0
版本之前的,由于现在Vue-cli版本更新到了3.0,而且创建项目的一些情况也发生了变化,所以本篇将在基于
Vue-cli3.0
以上版本创建项目
eirunye
·
2020-01-04 17:05
【Electron学习笔记03】electron-builder组件
1.electron-builder组件使用原因electron-vue组件无法创建
vue-cli3.0
项目,改用electron-builder插件https://nklayman.github.io
滕的世界
·
2020-01-03 14:54
上一页
8
9
10
11
12
13
14
15
下一页
按字母分类:
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
其他