vue-cli4

vue-cli4前端实现下载本地Excel模板，以及下载静态文件的坑

a标签的下载功能：1：bobl----二进制流文件Blob对象标识一个不可变、原始数据的类文件对象。Blob表示的不一定是JavaScript原生格式的数据2：responseTyperesponseType它表示服务器响应的数据类型，由于后台返回来的是二进制数据，所以要把它设为‘blob’通过设置responseType为blob，可以直接拿到二进制文件转化为Blob，两种使用Blob实现文件下
牧杉-惊蛰·2024-02-15 01:29

vue系列教程-13vuecli初体验

什么是脚手架其实就是一个配置好了的使用webpack完成打包构建的初始化工程，和我们前面讲的webpack打包没啥区别，只是更为全面，在实际开发中也是常用的工具当前最新版本为vue-cli4但是和cli3
lookroot·2024-02-13 00:57

linux之vue（vue-cli）脚手架安装创建项目

文章目录1、安装npm2、由于网路原因安装cnpm3、安装vue-cli4、安装webpack5、启动vue的图形界面管理工具6、通过界面的方式创建vue项目1、安装npmnpm全称NodePackageManager
想了好久才取了这·2024-02-08 06:41

vue中使用postcss-pxtorem实现适配

postcss-pxtorem配置及使用可能遇到问题前言很少在pc端使用rem，不过做c端产品的，还是得在每个尺寸下都和设计稿完全一样，在自己手写媒体查询和插件之间选了后者，一劳永逸，今天就说下配置及使用；下面是在vue2.6、vue-cli4
gegephp·2024-02-08 00:36

"export 'default' (imported as 'Vue') was not found in 'vue'

引入antd的按钮组件以及全部样式文件就照搬了以下内容：图1结果总是提示我"export'default'(importedas'Vue')wasnotfoundin'vue'：图2后来才知道自己用的是vue-cli4
鱼干儿·2024-02-05 06:34

vue3.0、cli4项目引入element plus

element团队为新版的vue-cli4准备了相应的ElementPlus插件安装依赖npminstallelement-plus--savemain.js全局引入，样式文件需要单独引入import{
aら　淼·2024-02-02 12:29

vue-cli4使用全局less文件中的变量该如何配置

目录结构如下：需求：在Navgation.vue中使用global.less中的变量vue-cli4的配置方法如下：安装style-resources-loadernpmistyle-resources-loader-D
world_7735·2024-02-01 04:07

vue-cli4按需引入element-plus

文章目录项目说明一、步骤1.安装&配置element-plus安装配置2.安装&配置babel-plugin-import安装配置3.创建vue页面总结项目说明【配置环境】vue-cli^4.5.0，创建项目过程请参考https://cli.vuejs.org/zh/vue^3.0.0，https://v3.cn.vuejs.org/element-plus，https://element-plu
_有志青年_·2024-01-28 05:32

vue-cli4打包过程

1.在根路径下创建vue.config.js文件2.vue.config.js文件里需要进行配置module.exports={publicPath:'./',productionSourceMap:false,devServer:{open:false,//自动启动浏览器host:'0.0.0.0',//localhostport:6060,//端口号hotOnly:false,//热更新ove
@柠稔·2024-01-19 10:45

「Vuejs」一步步的看vue-cli4(基础3目录结构)

想要快速使用vue-cli4框架模板，首先要熟悉它的目录结构是什么样子的image.png按照目录顺序排的：node_modules:用于存放我们项目的各种依赖public：静态资源目录public/index.html
久爱code·2024-01-04 21:13

在VUE中使用echarts制作3d地球

在VUE中使用echarts制作3d地球1、环境配置编辑器vscodenpm创建项目，使用官方脚手架vue-cli4全局安装vue-clinpmi-g@vue/cli创建项目Oceanvuecreateocean
ygpengpeng·2023-12-30 19:44

vue-cli4引用UEditor碰到的坑

由于最近升级了vue-cli4跟以往的配置方式不一样导致引用出现很多坑引入UEditor时样式文件失效但是确实是引用进去了，并且运行的时候页面上有报错，某个方法没有找到，后面查找资料是webpack将文件进行了处理导致
上邪_J·2023-11-24 15:43

通过pdfjs实现在VUE-CLI中进行PDF预览，并禁用打印及下载功能

pdfjs官网：PDF.js官方demo：PDF.jsviewer安装使用下载点击下载选择稳定版本项目引入本文主要针对vue-cli4版本的文件在public文件夹下新建pdfjs文件夹，将下载好得web
qq_24800489·2023-11-24 14:01

基于vue-cli4优化webpack打包速度

1、引入和使用打包计时插件pnpmispeed-measure-webpack-plugin-D在vue.config.js配置使用插件constSpeedMeasurePlugin=require("speed-measure-webpack-plugin");module.exports={//.............................忽略的内容configureWebpack
风云琪文·2023-11-20 14:29

VUE通用后台管理

一、vue-cli4搭建脚手架1.安装node.js登录nodejs.cn下载，配置环境变量,配置过程，配置过程22.安装cnpm打开npmmirror.com，在终端运行下面代码npminstall-gcnpm
Ameame-·2023-11-15 22:41

vue-cli4中使用less全局变量

vue配置less全局变量，在vue.config.js中添加如下配置：module.exports={css:{loaderOptions:{less:{globalVars:{hack:`true;@import'~@/assets/style/var.less';`}}}}};这样就可以在.vue文件style标签中，直接使用var.less中的变量。这种方式最简单，无需安装style-re
lujh·2023-11-15 07:23

vue-cli脚手架配置教程

目录一、脚手架简介1.webpack2、脚手架介绍3、创建vue-cli4项目三、项目结构说明1、项目结构2、src目录说明3、单文件组件4、vue.config.js文件四、安装axios包1、安装axios2
zabaniya1886·2023-11-05 18:06

vue-cli4 关闭 eslint 代码规范

原文链接：https://blog.csdn.net/SpringRolls/article/details/105648324?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.edu_weight&depth_1-utm_source=distribute.pc_relevant
泊多前端·2023-10-28 00:30

vue 点击路由跳转（地址重复）报错以及路由跳转滚动条未回滚到顶部问题

前言最近在用vue-cli4,,vue3.0开发项目时，遇到了路由跳转时当点击同一个路由地址时就会报错，另一个问题就是路由跳转后记住了上一次页面的滚动条的位置，未回滚到顶部。
郝艳峰Vip·2023-10-25 16:11

使用公共CDN服务引入Vue3.0时遇到的问题

最近尝试使用vue-cli4创建项目，选择使用vue3.0版本进行开发。之前使用vue2时，为了优化性能使用CDN引入了相关包，因此新的项目也打算采用相同的方式。
Xyaleo·2023-10-25 03:35

vue-cli4 打包后，在部分安卓5的手机下，打开白屏

前言这里的白屏，我这边发现的是因为低版本手机不支持ES6语法的原因。所以要吧ES6语法转换为ES5。一般来说，vue-cli会默认使用@vue/babel-preset-app来对代码的ES6语法进行处理为ES5的。但是看网上的说法是，vue-cli会忽略所有node_modules中的文件，不会主动的去处理依赖包里面的ES6语法（事实也是如此）。因此有些依赖使用了ES6的语法，就会导致低版本手机
有点皮的小黄皮·2023-10-17 05:34

vue-cli4 创建项目 和 npm ERR code ERR_SOCKET_TIMEOUT报错

本来用npm下载npminstall-g@vue/cli-service-global`但是发生报错：npmERR!codeERR_SOCKET_TIMEOUT意思是安装超时了，所以采用cnpm下载先安装cnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.org然后下载cnpminstall-g@vue/cli安装完后查看vue-c
drnrrwfs·2023-10-16 10:45

关于vue3 vue-cli4 线上部署及优化的问题

起因：之前部署一直是直接使用docker在服务器上npmrunserve直接运行，没出现什么问题，这次部署时真的难受到我了，第一次打开的速度真的慢的要死，首次加载至少要5s左右，这谁受得了，于是开始网上找教程过程开始使用npmrunbuild打包项目，在dist目录下，我尝试在本地打开index.html。页面完全空白，打开控制台，发现全是关于Failedtoloadresource:net::E
倪风6·2023-10-10 21:58

vue-cli4 基本配置

最主要的就是vue4之中默认没有vue.config.js，所以需要自己来创建配置。vue.config.js就是打包的一些配置。配置文档：https://cli.vuejs.org/zh/config/#runtimecompiler这里给出一个基本的：module.exports={//公共路径(必须有的)publicPath:"./",//输出文件目录outputDir:"dist",//静
typeofnull·2023-09-29 07:48

vue2.6.12移动端配置

vue-cli4全面配置(持续更新)  细致全面的vue-cli4配置信息。涵盖了使用vue-cli开发过程中大部分配置需求。  
杨晓白·2023-09-22 03:35

vite和vue-cli 4哪个好?为什么我选择了vite?

作为官方支持的脚手架工具.vue-cli是基于webpack专门为vue.js提供快速开发的完整系统.vue3出来以后,同时出现一个专门为vue3提供快速开发的脚手架工具,那就是vite.那很多小伙伴有要问了,既然vue-cli4
不看盛景不叙深情·2023-09-17 05:16

vue-cli4之vue.config.js打包优化

目录vue之cli之中的vue.config.js配置文件publicPath-打包后访问基础路径outputDir-打包后输入的文件夹使用gzip压缩打包的文件大小-compression-webpack-plugin配置别名压缩js代码-uglifyjs-webpack-plugin(去log等)图片的压缩-image-webpack-loaderproductionSourceMap:fal
小小亮01·2023-09-16 11:54

基于 vue-cli4 实现的移动端 H5 开发模板

vue-cli4-vant简介这是基于vue-cli4实现的移动端H5开发模板，其中包含项目常用的配置及组件封装，可供快速开发使用。
熊超_H5·2023-09-13 16:43

vue-cli4打包最强优化 极大地减少内存 简单易懂

vue-cli4打包最强优化极大地减少内存简单易懂打包：可以把sass编译成css，webpack前端化工程的开发工具，把各个模块拼接在一起webpack的特点：乜有可以直接修改webpack的配置文件这时需要我们创建
Hope冯瑶~☆·2023-09-09 21:42

vue-cli4使用svg（svg-sprite-loader）

1、创建vue项目vuecreatemy-project目录结构为：image.png2、在vue项目中安装svg-sprite-loadernpminstallsvg-sprite-loader--save-dev3、在src文件夹下创建组件components/Svg.vue.svg-icon{width:1.5em;height:1.5em;}exportdefault{props:{ico
江南之城·2023-09-05 15:16

ueditor（vue-ueditor-wrap）集成秀米踩坑记录vue-cli4

，业务需要，开搞吧（项目是vue-cli4）。试水  第一选择肯定是打开ueditor官网地址看下文档吧image  ？？？？？？  然后去githubhttps://github.com/f
狂奔的咸鱼啊·2023-09-03 13:11

可视化打包分析工具 webpack-bundle-analyzer

环境：vue-cli4、webpack4、[email protected]安装：npminstallwebpack-bundle-analyzer--save-devvue.config.js配置：constBundleAnalyzerPlugin
车文烨·2023-08-30 22:30

基于vue-cli4配置px2rem做到移动端自适配

在实际开发中，我们需要将设计稿中的px转换成rem，然后再写入到样式中。postcss-px2rem可以帮助我们自动完成转换。一、安装模块cnpminstallamfe-flexiblepostcss-px2rem-Samfe-flexible：是rem的适配插件。（例：750px==10rem）postcss-px2rem：负责将输入的px自动转为rem。二、入口文件main.js里引入amfe
CoolBoy_52e5·2023-08-17 20:53

解决vue项目打包后index.html标签属性没有双引号的问题

记录一个vue项目打包时的大坑，因为需要在index.html里加入一些自定义的东西，结果打包后相关属性都没有双引号，最后各种百度谷歌终于解决了，哈哈（我用的vue-cli4）vue-cli4配置和低于
哟,利齿脂鲤·2023-08-16 09:35

搭建qiankun Demo

公司现在前端技术栈vue3+typeScript,所以使用vue-cli4脚手架来创建我们的父子应用$vu
山上有桃子·2023-08-07 15:43

创建vue-cli4项目，报错 ERROR command failed: yarn

创建vue-cli4项目时候一直报：ERRORcommandfailed:yarn附上解决方案：https://blog.csdn.net/lyj961222/article/details/105537782
君子钺·2023-08-05 12:04

VUE脚手架介绍及安装教程

的文件二、脚手架简介2.1webpack三、脚手架介绍3.1、vue-cli简介四、安装vue-cli44.1删除已安装的vue-cli4.2先安装淘宝镜4.3安装cli五、配置vue环境变量六、创建vue-cli4
Abysmal_sea_·2023-07-28 18:08

vue-cli4 配置不同开发环境打包命令

#一.如何配置环境变量#1.创建文件在vue-cli4的脚手架构建的项目根目录中新建一个.env.[model]文件，model为一个变量，可以通过这个model的变量值
鲸洛洛·2023-07-25 09:37

vue中使用看板娘-全是妹妹（坏笑）

vue使用看板娘，使用Live2D引入看板娘效果（请看左下角那个小妹妹~~~）示例环境：vue-cli4**如有资源目录不同，请按照版本对应的资源目录使用**首先需要下载看板娘的文件资源下载地址：链接：
Heinrich's_Law·2023-07-19 23:41

vue2、vue-cli4以及vue3、vite打包去掉console.log

vue2+vue-cli4webpack4会自带terser-webpack-plugin插件。vue.config.js文件module.exports={//...chainWebpack(config){//...//清除consoleconfig.optimization.minimizer('terser').tap(options=>{options[0].terserOptions.
jiangbinwangyi·2023-06-20 02:21

Vue-cli4 配置代理，解决开发跨域

什么情况下需要使用代理？如果您的前端应用和后端API服务器没有运行在同一个主机上，你需要在开发环境下将API请求代理到API服务器。需要配置vue.config.js，vue.config.js是一个可选的配置文件，配置参考地址。如果项目的(和package.json同级的)根目录中存在这个文件，那么它会被@vue/cli-service自动加载。配置好vue.config.js后，需要重启服务n
gitJason·2023-06-19 06:05

Mac下vue-cli4创建项目报错:gyp: No Xcode or CLT version detected!解决办法

1、Xcode打开，可能会提示install一下2、苹果是catalina系统，需要运行命令：sudoxcode-select-s/Applications/Xcode.app/Contents/DeveloperOK了
小嘴冰凉别乱亲·2023-06-17 01:36

向 Vue 项目中导入 element-ui 发生 Cannot find module 'babel-preset-es2015' 的错误

image.png用vue-cli4搭建项目的项目按照elementui官网按需引入会报错“Cannotfindmodule'babel-preset-es2015'”的错误，1.首先，那装babel-preset-es2015
云凡的云凡·2023-06-14 14:04

vue-cli4封装组件并发布到npm

第一步：创建vue项目vuecreatemyproject第二步：调整项目结构将原来的项目目录按下图结构重新设置，目录的结构我们参考element的项目结构，需要将src重命名为examples,并添加packages目录,用来存放我们的自定义组件.image.png第三步：手动创建vue.config.jscli默认会启动src下的服务,如果目录名变了,我们需要手动修改配置,vue-cli3中提
嘤夏影·2023-06-10 18:37

vue-cli4 用 image-webpack-loader 配置 webpack 图片压缩处理/优化

vue-cli4已经默认帮我们做了很多优化处理，包括静态资源输出、样式处理、代码分割等等。我们需要自己手动配置的事情更少了，而图片压缩处理就是其中的一件。
AizawaSayo·2023-04-16 21:39

基于vue-cli4配置px2rem做到移动端自适配

在实际开发中，我们需要将设计稿中的px转换成rem，然后再写入到样式中。postcss-px2rem可以帮助我们自动完成转换。一、安装模块cnpminstallamfe-flexiblepostcss-px2rem-Samfe-flexible：是rem的适配插件。（例：750px==10rem）postcss-px2rem：负责将输入的px自动转为rem。二、入口文件main.js里引入amfe
张培跃·2023-04-12 12:08

开箱即用 Vue-cli4 快速开发H5模板并附上使用说明

模板基于vue-cli4和Vant-ui搭建，进行大型H5项目开发最佳实践方案，让我们来一探究竟模板地址动动你可爱的小手点亮一颗star项目结构本项目已经为你生成了一个完整的开发框架，下面是整个项目的目录结构
Praise_gm·2023-04-10 03:04

Vue项目打包部署(hash模式)

前提准备我们需要准备一个vue项目（vue-cli3，vue-cli4）、一个nginx服务器（可有可无）本教程讲解的是vue-router中hash模式的部署【完全适用vue-cli3、4】，vue-cli2
大前端工程师·2023-04-09 03:59

vue-cli4中使用less全局变量

vue配置less全局变量，在vue.config.js中添加如下配置：module.exports={css:{loaderOptions:{less:{globalVars:{hack:`true;@import'~@/assets/style/var.less';`}}}}};这样就可以在.vue文件style标签中，直接使用var.less中的变量。这种方式最简单，无需安装style-re
lujh1005·2023-04-07 08:32

vue-cli4 PC端自适应配置

vue-cli4.x配置pc端px转rem安装依赖并在main.js中引入该依赖npmiamfe-flexiblenpmipostcss-px2remimport"amfe-flexible"在package.json中配置"postcss":{"plugins":{"autoprefixer":{},"postcss-px2rem":{"remUnit":192//设计稿的除以10得到适配范围}
一只鱼_d589·2023-04-06 20:42
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他