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
vuecli3
用vue-cli3脚手架构建项目步骤
之前都是vuecli2脚手架搭建项目,目前升级成了
vuecli3
脚手架cmd进入了命令控制界面npmi@vue/cli-g(全局安装
vuecli3
)判断安装成功输入:vue--version就会出现vue
前端探索者
·
2023-08-04 06:20
前端
vue
搭建项目
脚手架
备注:利用hbuilderx新创建一个vue-cli3项目所需要做的事情
1.创建
Vuecli3
的核心配置文件vue.config.js/***Vuecli的核心配置文件*/constwebpack=require("webpack");module.exports={//引入
rikiemo
·
2023-08-02 20:09
vue
vue
vue cli3=>vue cli2桥接
vuecli3
=>vuecli2桥接1.先安装npminstall-g@vue/cli2.再安装npminstall-g@vue/cli-service-global3.最后安装桥接npminstall-g
一只正在成长的程序猿
·
2023-07-30 19:52
Vue Cli 3:vue.config.js配置文件
VueCli3
生成的项目结构,没有build、config目录,而是使用vue.config.js来进行配置。
喜从
·
2023-07-30 13:08
VueCLI3
如何更改安装时的包管理器为yarn或npm 使用脚手架如何切换npm yarn
VueCLI3
如何更改安装时的包管理器为yarn或npm在执行vuecreateproject后如果显示如下npmrunserve则表示你使用的是npm创建的项目。
沉迷...
·
2023-07-27 00:18
vue
router跳转两次
环境:
vuecli3
项目问题:路由的参数没有,导致页面报错,实际是路由跳转两次,第一次有参数,第二次没有分析:既然跳转了两次首先应该想发起路由跳转的事件里面是否出现重复的this.
lydxwj
·
2023-07-25 06:19
vue
vue.js
路由丢失参数
路由跳转两次
vuecli3
无法启动项目 报错:core-js/modules/es.object.to-string in......
解决:vscode先ctrl+c停止运行按照提示:npminstall--savecore-js安装或者安装npminstallcore-js@3-save-dev重启npmrunserve启动成功
杰瑞LJ
·
2023-07-24 10:23
vue
vuecli3
02. Vue CLI的使用
这里面就不在介绍了https://www.jianshu.com/p/f84bec05382dVueCLI的使用安装脚手架npminstall-g@vue/cli查看脚手架版本vue--version上面安装的是
VueCLI3
温酒醉长安
·
2023-07-17 06:01
vuecli3
下载excel_vue中如何进行Excel文件的下载
文章目录业务需求:实现方式A1、模板下载:A2、搜索下载:A3、勾选下载:A4、上传错误记录下载Excel文件业务需求:Q1、文件批量导入前,需要按照指定的格式与内容上传Excel文件,首先要下载模板。Q2、将查询到的数据以table表的形式进行显示,对表格内容进行有选择的下载。A、勾选下载:table表中包含一列选择框,el-table-column,设type属性为selection即可B、搜
weixin_39607423
·
2023-07-16 06:43
vuecli3下载excel
从头搭建Vue项目
基本信息
VueCLI3
需要nodeJs≥8.9(官方推荐8.11.0+)。VueCLI是一个基于Vue.js进行快速开发的完整系统。
Mr君
·
2023-06-23 16:07
Vue CLI 3 中文文档
翻译文档文档翻译全貌前言之前写了一篇VueCLI3.x版本的简单体验,当时文档还不全,具体的使用方法并不是很清楚,大概是2月7号,收到
VueCLI3
接近Beta版的提示,作者尤雨溪也讲下周会出文档,没想到昨天已经出来了
·
2023-06-23 10:03
vue.jsvue-cli
vue cli 3配置别名及webstorm
vuecli3
配置别名方便在各个组件中对引入资源的路径管理在vue.config.js中进行别名配置vue_config.png这样就配置好了使用use.png以上就可以只用正常使用了。!!!!!
Ordenme
·
2023-06-16 07:01
[vue,git]
vuecli3
添加githooks,代码提交前校验格式化
vuecligithooks配置官方链接yorkie实际是forkhusky,然后做了一些定制化的改动,使得钩子能从package.json的"gitHooks"属性中读取1添加依赖npminstallyorkielint-stagedpre-commit--save-dev2package.json配置```{"scripts":{"serve":"vue-cli-serviceserve","
clannadyang
·
2023-06-16 06:32
vue中改写子组件样式
前言:最近在用
vuecli3
写项目,有时需要微调子组件样式正常情况下,通过>>>或/deep/(深度作用选择器)来进行变更。
葶子123
·
2023-06-12 23:06
Vue常用网站
Vue.js:https://cn.vuejs.org/VueRouter:https://router.vuejs.org/zh/Vuex:https://vuex.vuejs.org/zh/
VueCLI3
我的名字就这么长
·
2023-06-12 18:33
卸载vuecli2安装
vuecli3
,创建
vuecli3
项目具体步骤
管理员权限下执行1,yarn使用安装yarnnpminstall-gyarn查看yarn版本yarn-vyarn安装vueyarnaddvueyarn安装固定vue版本
[email protected]
升级vue版本
[email protected]
移出vueyarnremovevueyarn安装所有依赖yarninstall2.yarn安装可以使用下列任一命令安装这个新的包:
被窝是圆的
·
2023-04-21 12:42
前端
yarn
vue
vue-cli3 脚手架搭建项目
node.js官网下载并安装,安装完成后,输入以下命令测试是否安装成功2、安装vue-cli3.01)、npminstall–g@vue/cli或者yarnglobaladd@vue/cli2)、指向的
vuecli3
Ht_何甜
·
2023-04-17 14:40
解决:vue cli3:Invalid Host/Origin header error @client
vuecli3
:InvalidHost/Originheadererror@client解决办法:项目根目录下创建vue.config.js,添加配置如下://vue.config.jsmodule.exports
林遇66
·
2023-04-17 06:05
vue cli3的文件结构没有了static文件 静态资源放置和引用(a标签 打开预览本地文件的坑)
文件就是来放本地的静态资源的,有个需求是打开预览本地的pdf文件,最简单做法就是a标签target="_blank"新页面打开本地pdf文件之前cli2就可以直接static/****/***.pdf路径拿到,但是本次使用
vuecli3
绝壁不秃老陈头
·
2023-04-13 21:18
vue.js
(转载)vue项目npm run dev 发生了什么?
npmrundev发生了什么以
vuecli3
配置为例,"scripts":{"dev":"vue-cli-serviceserve","serve":"vue-cli-serviceserve","build
Nicander
·
2023-04-11 07:40
使用ts配合vue和webpack进行项目配置
使用
vuecli3
配合ts搭建初始化项目npminstall--global@vue/cli//创建一个新的项目(如果你已经创建了项目,那就写成当前目录,也就是`vuecreate.`)vuecreatemy-project-name
sweetBoy_9126
·
2023-04-10 12:39
[Vue CLI 3] 插件编写实战和源码分析
那如何编写一个
VueCLI3
的插件呢?
dailyvuejs
·
2023-04-09 11:30
vue-Cli3工具中,配置路径别名
使用
vuecli3
搭建vue项目,配置路径别名在vue.config.js配置(没有build目录,里边的webpack相关也没有了)配置路径别名,方便引用,不用写那么长配置前:1importBannerfrom
38ae78c953e7
·
2023-04-05 11:40
vuecli3
打包加载超慢_Vue-cli3.0的打包性能优化方案
项目背景项目模板使用的是基于Vue-cli3的vue-admin-template项目是单页后台项目属于中小型项目问题-首屏加载非常慢让我们看看没任何处理的测试包首屏加载竟然需要5-10s的加载时间!这肯定是不符合线上要求的分析一下加载的资源,明确发现以下问题elementUI的js文件太大了,严重影响速度整体代码未压缩某张图片,静态资源过大,应减小该图片体积,或者优化静态资源加载速度如何优化前端
weixin_39958248
·
2023-04-05 07:53
vuecli3
打包加载超慢
vuecli3
打包时多环境时,环境变量的配置
一、多环境公用一个包即可我们的项目一般都是有生产环境和测试环境,这两个环境一般只有域名和端口号不同,其他都一样,在这种情况下,我们是不需要做多环境配置的。在我们的代码中baseURL可以直接写斜杠即可(/),不用配置环境变量,如下代码:constrequest=axios.create({baseURL:'/',timeout:10000,})这样打包(yarnrunbuild)产生的dist文件
乐宝呗
·
2023-04-02 10:13
在 WebStorm 中,配置能够识别 Vue CLI 3 创建的项目的别名 alias
在WebStorm中,配置能够识别
VueCLI3
创建的项目的别名alias@我们使用Webpack经常会配置一些别名alias指向特定的目录,这样在使用import等语句时就不用写一大堆的相对路径了,常见的是将项目的
videring
·
2023-04-01 08:24
vue cli 3.0中的vue.config.js主要配置及解析
在我们创建一个vue项目的时候,
vuecli3
不会为我们创建vue.config.js文件。
摸鱼仔某人
·
2023-03-29 12:36
vue.js
javascript
前端
vuecli3
关闭eslint
vue-cli3没有build/webpack.config.base.js文件,然后在.eslintrc.js文件中修改:删掉“@vue/prettier”就可以了重启项目
李早晨_小前端
·
2023-03-27 16:36
vue-cli3(简化)
安装
vuecli3
安装nodeJS官网下载链接:https://nodejs.org/en/download/安装淘宝npm镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org
lyp82nkl
·
2023-03-25 20:14
基于ChatGpt开发移动端自适应框架
心血来潮想看看ChatGpt是不是真的好使,于是搜索了《基于vue-cli3搭建一个自适应的移动端框架》答案如下1.创建项目首先,我们需要安装
VueCLI3
。
鸡汤辉
·
2023-03-25 08:30
javascript
vue.js
前端
02---前端框架搭建
1、创建项目1.该有的nodejs、vue都要安装上,我用的是
vuecli3
,所以可以使用可视化界面来创建项目(更加直观),当然你也可以采用命令行的方式创建项目。
Zero摄氏度
·
2023-03-24 11:37
前端框架
vue.js
前端
vue cli 3 项目中配置env环境变量
前言 众所周知,一个项目在开发、测试与生产环境的各种配置变量是不一样的,但在
vuecli3
中通过指令vuecreatexxx创建的项目取消了默认的config和build文件夹,这导致刚入手的小伙伴不知道在哪儿配置环境变量
RTau
·
2023-03-23 23:45
vue-cli3+Electron
注意:我这里使用的是
vuecli3
。之前的版本可以参考electron-vue起步。一、创建项目创建vue项目。参考我之前的文章vue之vue-cli3,创建项目。
hunter97
·
2023-03-23 04:00
Vue CLI 3 单元测试(组件挂载)
原始的单元测试写法转换到
VueCLI3
集成的单元测试;发现vue提供了一些方便的方法如mount()挂载组件得到一个wrapper包裹器。wrapper包裹器提供一些方便的方法。
动感超逗
·
2023-03-22 23:03
打包后更改baseUrl
每次更改都要重新打包一次过于麻烦通过以下配置,可以在yarnbuild生成的文件夹下面的config.json直接修改,不需要每次重新打包解决步骤在static文件夹中新建一个config.json,把你要写的配置写入(若是
vuecli3
csy没有昵称
·
2023-03-21 21:56
vue 同ip不同路由地址配置
1、静态资源地址配置这里要分vuecli2和
vuecli3
两种环境,只讲
vuecli3
的,与vuecli2不同的地方我提下位置你就可以自己找了。
TerryfiNe
·
2023-03-21 01:55
vue-cli从2.9.6升级到3.0
把原先的卸载后再重新安装,关于
VueCLI3
关于旧版本VueCLI的包名称由vue-cli改成了@vue/cli。
邓华_6e8c
·
2023-03-16 22:26
vuecli3
使用Ant Design 图标
找了很多文章,发现大部分是挂着
vuecli3
的名,实际是vuecli2.x的内容,在请教大佬后,还是决定记录下来,为前来踩坑的小伙伴填一些坑。
IU憨憨
·
2023-02-19 00:15
vuecli3
+ markdown制作组件文档
1、安装脚手架并运行2、安装markdown-to-vue-loader实现加载md文档并运行里面的vue代码cnpmimarkdown-to-vue-loadervue-loader-D配置vue.config.js,并设置解析md文档的部分规则module.exports={....chainWebpack:(config)=>{config.module.rule("md").test(/.
Baby_ed6e
·
2023-02-04 23:45
VUE proxy 配置
补充研究:
vuecli3
本地开发配置proxy代理解决跨域问题注意点:.env.dev文件中设置的基础路径envurl拼接方式vueconfig中devserver的target(服务器域名对应的真实IP
spp0925
·
2023-01-31 04:22
前后端分离跨域问题解决
这里用
vuecli3
创建的项目进行说明注意,这里仅限于开发环境,因为换到线上环境后,我们会对vue项目进行打包,这时候一般使用nginx进行代理,就没
旅行者xy
·
2023-01-29 07:00
npm 发包以及遇到的问题
0.注册去官网注册一个账号1.本地登录npmlogin2.打包npmrunlib//查看你自己的打包命令是什么,我用的是
vuecli3
下的构建库3.本地测试npmpck//在其他的项目中安装test-package.tgznpminstall
默小柒
·
2023-01-29 04:45
vueCli3
实现图片自适应高度兼容iphoneX等手机
上一篇讲用TS动态去获取元素的高度有时候会出现获取的高度和页面高度不匹配的情况,因为有些刘海屏的手机计算高度会有些不同所以获取的高度就不同,这个时候可以采用布局的方式把图片铺满页面不用TS去动态获取了,代码如下:页面结构样式把背景图片作为img插入页面并且给外面的download_main_box设置position定位,给图片设置高度100%,这里注意给子元素设置height:100%父元素也一
小虾米_123
·
2023-01-29 04:20
使用offline-plugin配置service-worker的问题
offline-plugin搭配webpack轻松实现PWA中的配置,但是还是遇到了很多问题,在这里记录一下1.vue-cli3的问题刚开始配置简单,发现状态改变时并没有触发对应的事件,于是增加了配置项
vuecli3
广告位招租
·
2023-01-28 17:41
vue2中less的安装以及使用教程
目录1.安装1.1在vuecli2使用vueinitwebpackxxx创建的项目1.2在
vuecli3
中(vuecreatexxx)2.使用2.1定义变量2.2在属性中使用变量2.3混合(Mixin)
·
2023-01-16 05:10
查看一个Vue项目的 webpack 配置信息
使用vue-cli-serviceinspect来查看一个
VueCLI3
项目的webpack配置信息(包括:development、production)–mode指定环境模式(默认值:development
hh3167253066
·
2022-12-22 08:45
前端基础
webpack
vue.js
javascript
vue首屏白屏,解决页面加载时间过长,性能优化
项目,大概有几十个个路由直接npmrunbuild打包出来,有一个1M的巨大js文件,导致首页白屏时间过长分析工具vuecli2.x自带了分析工具,只要运行npmrunbuild--report如果是
vuecli3
hongyanwin
·
2022-12-17 01:38
vue
白屏
性能优化
首屏白屏
Nginx解决vue项目服务器部署及跨域访问后端详解
1、前端代码注意事项:(1)在这里我是用
vuecli3
脚手架创建的vue项目的,所以项目创建完毕之后是没有vue.config.js的。其实这个文件的创建是为
·
2022-11-09 15:40
模仿CSDN黑暗帝国动态背景的vue项目(附源码)
开发工具:Webstorm技术栈:vue、html、canvas实现效果(其实这里面的是动态变换的,只是没有截成GIF动图):实现步骤:(1)在这里的项目我是用
VueCli3
脚手架进行搭建的。
紫米粥
·
2022-11-08 19:40
vue.js
javascript
前端
Nginx解决vue项目服务器部署以及跨域访问后端
1、前端代码注意事项:(1)在这里我是用
vuecli3
脚手架创建的vue项目的,所以项目创建完毕之后是没有vue.config.js的。
紫米粥
·
2022-11-08 18:58
nginx
java
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
其他