@vue-cli3 第2页

vue-cli3 配置 proxyTable pathRewrite

proxyTable的代理是开发人员在开发环境请求服务时node进行的一个代理操作；为什么要配置代理呢？首先，我们所有的数据接口在请求后台的时候你要告诉他你这个连接要用代理，不然的话，可能你的html,css,js这些静态资源都跑去代理.所以我们只要接口用代理,静态文件用本地.'/api':{},就是告诉node,我接口只要是'/api'开头的才用代理.所以你的接口就要这么写/api/xx/xx.

Lee_805f·2023-11-22 13:24

在vue-cli中快速使用webpack-bundle-analyzer

从vue-cli官方的更新记录可以看到，从vue-cli3开始集成report命令当前环境：直接运行npmrun--reoprt如下：发现并没有生成相应的report报告文件：经过一番原因查找，发现是npm

Ying（英子）·2023-11-22 11:47

VUX 安装

安装https://blog.csdn.net/Honnyee/article/details/82181620VUX在vue-cli3的安装特别恶心，官方并没有给具体文档，导致我这个小白晕头转向，找了好久才找到并安装成功

爱绑架的猫·2023-11-21 23:34

【vue-cli3升级】老项目提速50%（一）

之前已经完成了对运营后台A模块的重构工作，最近也已经初步完成了对A业务客户端项目的升级，所以今天分享一下新项目基于vue-cli3做工程的升级。

weixin_34419326·2023-11-21 13:12

vue使用pdf.js预览pdf文件加水印，下载pdf文件

项目背景：vue-cli3脚手架pdf.js版本为官方最新稳定版2.8.335pdf.js下载地址：http://mozilla.github.io/pdf.js/getting_started/#download

Donmind29·2023-11-21 07:12

vue-cli3 关闭烦人的eslint检测

关闭eslint直接注释掉package.json文件中eslint的配置就可以了（以下是vue-cli的默认配置）"eslintConfig":{"root":true,////此项是用来告诉eslint找当前配置文件不能往父级查找"env":{"node":true//此项指定环境的全局变量，下面的配置指定为node环境},"extends":[//此项是用来配置vue.js风格，就是说写代码

你是不是个小傻子·2023-11-21 04:23

vue-cli3结合webapck优化

vue-cli3结合webapck优化1.懒加载(1).js需要的时候加载app.vue:按钮exportdefault{name:"App",created(){console.log('index.js

面条请不要欺负汉堡·2023-11-16 11:14

vue-cli3全局引入less变量报错：Variable @priceColor is undefined或Variable @BG is undefined

当有一个可在全局使用的公共less变量文件variable.less如何写才能一次性在所有.vue文件中引入这个文件?我尝试了几种方法1:安装style-resources-loader然后配置constpath=require("path");module.exports={pluginOptions:{"style-resources-loader":{preProcessor:"less",

默然相爱鱼鱼鱼·2023-11-15 07:24

vue-cli3封装组件库打包并发布npm开源包和npm内网私有库

①使用Vue-cli3搭建项目vuecreatedemovue-cli3官方文档注：cli3提供一个可选的vue.config.js配置文件。

Johnny_yellowboy·2023-11-14 18:42

vue-cli3预设preset记录

转vue-cli3预设preset记录这两天公司搭建新项目的时候发现vue-cli3有一个神奇的的东西：preset（预设）。

扫地鼠Gordon·2023-11-09 14:10

vue-cli3做适配 flexible px2rem

px2rem构建项目(vue-cli3.0)vuecreatehello-world(Manuallselectfeatures)安装px2rem-loader(devDependencies)npminstallpx2rem-loader--save-dev移动端适配解决npm包“lib-flexible”(dependencies)npminstalllib-flexible--savemai

导乐符·2023-11-06 00:58

前端工程化（Vue-cli3和Element-UI）Vue脚手架

vue4.Vue脚手架4.1Vue脚手架的基本用法三级目录4.Vue脚手架4.1Vue脚手架的基本用法Vue脚手架用于快速生成Vue项目基础架构，其官网地址为：Vue使用步骤：1.安装3.X版本的Vue脚手架：//简写为npmi-g@vue/cli也可以npminstall-g@vue/clitips:npm命令是安装node.js之后就会有的，详看node基础安装完毕后,查看是否安装成功，出现版

仲颖·2023-11-05 18:40

VUE-CLI3解决Missing file extension "vue" for "xxxx" (import/extensions)

安装eslint-import-resolver-webpackyarnaddeslint-import-resolver-webpack在.eslintrc.js中加入settings:{'import/resolver':{webpack:{config:'node_modules/@vue/cli-service/webpack.config.js',},},},rules:{'import

supa同学·2023-11-05 18:56

创建项目vue项目

必须提前安装好node环境，并首先全局安装vue-cli3脚手架npminstall-g@vue/cli装完之后可以查看一下是否已经安装，我这里安装的版本是@vue/[email protected]

木安小学生·2023-11-05 11:22

搭建vue3项目

介绍vue3项目的搭建过程搭建准备前端开发环境需要node.js&npmnode下载地址:http://nodejs.cn/download/根据自己电脑环境下载就行安装vue-cli3，使用vue-cli3

Gloria。·2023-11-05 07:48

从零开始的Vue项目-2

vue-cli3项目目录结构浅析上文写了如何使用VueCli3创建一个Vue项目,今天分析一下Vuecli3项目的目录结构结构列表目录.png1.node_modules项目依赖目录这里面存放的是项目的相关依赖和插件依赖就是项目启动所必须的前置文件或者代码插件可以帮助项目实现更多功能的

Sujz·2023-11-04 02:31

vue-cli 配置vue.config.js

**vue-cli3生成的项目比vue-cli2生成的项目目录简单很多,少了build与config文件夹，所以有的东西需要自己手动配置。

第二心跳·2023-11-03 12:01

不要肆无忌惮地在你的项目中使用 ES78910 了～

如果我有故事,你有star吗～故事背景在一次codereview中,我在我们的项目(项目基于vue-cli3创建)中找到了这句代码MDN[1,2,[3,4,[5,6]]].flat(Infinity);

null仔·2023-11-02 01:50

vue-cli3打包文件增加hash值

vue.config.js中加入以下代码，module.exports={filenameHashing:true,//打包后为文件名增加hash值chainWebpack:config=>{config.output.filename('js/[name].[hash].js').end()//如果filenameHashing设置为了false，可以通过这段代码给打包出的css文件增加hash

天府之绝·2023-10-31 14:48

基于Vue-Cli3的Vue移动端企业级工程架构

基于Vue-Cli3的Vue移动端企业级工程架构本项目是基于Vue-Cli3脚手架，应用VW的自适应解决方案构建的移动端企业级工程项目，下面会一步步构建起项目结构。

PowerDos·2023-10-31 02:16

Vue-cli3使用全局变量eslint报错

敲黑板！不是配置环境变量！如果通过引入第三方脚本时，使用全局变量时eslint会报错...那么怎么防止报错呢?解决方法1.打开package.json2.找到"eslintConfig"3.新增"globals"，新增自己需要的变量名称"eslintConfig":{"root":true,"env":{"node":true},"globals":{"AMap":true//这里添加变量名称},

说来有点可笑·2023-10-30 19:15

vue-cli.3 去除 eslint 校验

用了vue-cli3，这个eslint在疯狂的提示，严重阻碍了正常编码vue-cli3没有build/webpack.config.base.js文件，这个时候我们有这个文件.eslintrc.js,实际上我们应该在

好享赚_技术·2023-10-29 08:00

vue项目中使用svg-sprite-loader

图标该如何使用呢svg的简单使用上面的方式已经满足我们的基本需求了，如果想自动化引入虽然自动化，很便捷了，但是我们还想更简洁点，那就是封装了，封装成全局组件在vue项目开发中，如果想使用svg图标该如何使用呢在使用vue-cli3

簸箕0606·2023-10-29 03:12

Vue-cli3 屏幕自适应

在项目中为了屏幕适配，经常会用到rem，postcss-px2rem就是为了让我们直接在将代码中px自动转化成对应的rem的一个插件如何使用：1.安装npmipostcss-px2rem--save-dev2.设置vue.config.jscss:{//启用CSSmodulesmodules:false,//是否使用css分离插件extract:true,//开启CSSsourcemaps?sou

HealerLZH·2023-10-28 03:16

vue-cli3 跨域配置

在项目的根目录创建vue.config.js文件module.exports={devServer:{open:true,//是否自动弹出浏览器页面proxy:{'/api':{target:'http://localhost:5000',//API服务器的地址ws:true,//代理websocketschangeOrigin:true,//虚拟的站点需要更管originpathRewrite:

solfKwolf·2023-10-27 22:24

vue3笔记

vue3笔记创建项目：vuecreatevue3_test(vue-cli3版本4.5以上)优点：性能的提升（打包小，内存小，渲染快）源码升级（用proxy代替definProprety来实现双向绑定，

bug改不完·2023-10-27 02:45

vue cli3-IE浏览器-babel-polyfill

题主的项目应用常规的vue-cli3构建项目，在兼容IE浏览器时遇到的问题，做一下记录。

fronter·2023-10-26 23:28

使用vue-cli3脚手架创建项目

使用vue-cli3.0创建项目文档地址:https://cli.vuejs.org/zh/guide/prototyping.html一、使用命令方式创建1、控制台输入vuecreate+你所创建的项目名2、选择预设(选默认就行)3、安装完成之后的样子如下进入到项目目录cdhello-world运行项目yarnserve或者npmrunserve控制台显示如下信息1556420150745.pn

涅槃no重生·2023-10-26 19:25

vue-cli3 中停 tslint

一、不检测个别语句在不检测的语句上加//@ts-ignore//@ts-ignore二、停掉tslint在tslint.json中设置：//tslint.json{"defaultSeverity":"none"}在vue.config.js中加如下配置module.exports={lintOnSave:false//关闭代码验证}三、tslint模版tslint模版加油，世界精彩处

装装_1ad7·2023-10-24 05:22

vue-cli3打包隐藏console配置

1.通过npm安装插件npminstallterser-webpack-plugin--save-dev2.配置vue.config.jsmodule.exports={transpileDependencies:["vuetify"],publicPath:"./",lintOnSave:false,configureWebpack:config=>{if(process.env.NODE_EN

Mr_HeH·2023-10-24 04:05

Vue项目中配置pug解析支持(转载

htmlData="msg")plabelbutton(@click="clickMe")clickTest要注意的一点是:标签后面如果有属性(括号内的)他和括号之间不要加空格,加了空格就会被当成字符串解析vue-cli3

qwerer·2023-10-23 17:29

vue-cli3搭配vue-cli-plugin-electron-builder构建桌面端程序

注意：本项目使用的是vue3的脚手架配合vue-cli-plugin-electron-builder插件搭建第一步：用vue-cli3.0创建一个项目vuecreateprojectName当前步骤就是安装vue-cli3.0，一步步按照程序走安装就好。第二步：安装vue-cli-plugin-electron-buildervueaddvue-cli-plugin-electron-build

_littleTank_·2023-10-23 13:23

三、uni-app中vue-cli3的生命周期和跳转页面方式

//生命周期exportdefault{data(){return{title:'Hello',}},onLoad(){console.log('页面加载')},onShow(){console.log('页面显示')},onReady(){console.log('页面初次显示')},onHide(){console.log('页面隐藏')},onUnload(){console.log('页面

初源yang·2023-10-23 08:15

2 errors and 0 warnings potentially fixable with the `--fix` option，vue-cli3中eslint详解

当我们创建vue项目的时候，我们往往会选择linter/Formatter，eslint-config-standard,下面我放张vue图形化配置界面但这往往是进坑的开始特别注意一下这里的插件："standard"插件代表的是eslint的standard插件都要安装，用Vueui初始化选择了standard安装的话（也只会安装eslint-config-standard）,参考一下下面的依赖，

TE杨·2023-10-23 03:10

vue-cli3.0关闭严格模式/eslint

vue-cli3关闭严格模式1.修改.eslintrc.js文件module.exports={root:true,env:{node:true},extends:['plugin:vue/essential

高碳水饱和战士·2023-10-22 06:52

vue3.0中使用vant最新版本

vant已经更新出适合vue3.0的架构，官网地址https://vant-contrib.gitee.io/vant/next/#/zh-CN/quickstart首先，我们通过vue-cli3搭建好基本架构

延飞·2023-10-21 14:17

nginx部署vue项目(访问路径加前缀)

nginx部署vue项目(访问路径加前缀)nginx部署vue项目，访问路径加前缀分为两部分：（1）修改vue项目；（2）修改nginx配置；vue项目修改需注意，我这是vue-cli3配置，vue-cli2

黎明晓月·2023-10-19 18:16

前端开发中的环境配置

环境变量1）环境变量文件分类：在vue-cli3中可以在根目录（与package.js

七彩冰淇淋与藕汤·2023-10-19 13:31

Vue封装Axios请求和拦截器

（PS：本文代码在vue-cli3构建的基础vue项目之上进行编写：vuecreatemy-project）axios是一个基于promise的http库，可以用在浏览器和node.js中,也是vue官方推荐使用的

绵绵藏好啦·2023-10-19 05:49

解决webapck多页面内存溢出

因为自己的项目是基于vue-cli3进行开发，所以这里只讨论这种情况下的解决办法在进行多页面开发的时候，项目刚开始阶段，因为文件较少，所以代码编译速度还行，但是随着项目逐渐增大，webpack编译的速度越来越慢

公子世无双ss·2023-10-18 22:09

关闭eslint检验；vue-cli3搭建的vue项目关闭eslint；脚手架3关闭eslint；

本文是解决关闭eslint的问题；如果想要开启eslint和配置，可以查看这篇开启eslint检验；我们使用vue-cli3脚手架搭建vue项目时候，会默认选中eslint风格代码；如果想要关闭eslint

i_am_a_div_日积月累_·2023-10-18 06:47

vue-cli3 脚手架兼容ie11

兼容配置如下：1.更新babel.config.js配置module.exports={presets:[["@babel/preset-env",{"useBuiltIns":"entry"}]]}2.package.json增加配置{"browserslist":[">1%","last2versions","notie<11"],}3.vue.config.js增加配置，写入用到的第三方np

locky丶·2023-10-18 02:38

vue-cli3 配置保存时自动lint代码

前提：vscode+eslint插件第一步：vue.config.js文件里的lintOnSave设置为true第二步：配置.eslintrc.js文件

哈喽蜗的·2023-10-17 10:58

样式穿透＞＞＞、/deep/ 、::v-deep 、:deep(＜inner-selector＞)应用场景

/deep/如果项目使用了预处理器scss、less等css预处理器，则可以使用/deep/注意：vue-cli3以上版本不可以#box/deep/.header{width:100%;height:200px

alokka·2023-10-17 06:51

创建vue3.0项目教程

代表着不会再有太大的改动了，也意味着你可以开始学习了，这篇文章主要介绍下vue-cli3.0项目搭建，分享给大家1.卸载旧的vue-cli2版本的脚手架npmuninstall-gvue-cli2.安装新的vue-cli3

陈序员01·2023-10-17 02:16

6个宝藏级Vue管理后台框架必须收藏

功能介绍：使用vue-cli3构建、首屏加载等待动画、五款主题、内置UEditor富文本编辑器、分离的路由和菜单设置、可折叠侧

XLLcsdn·2023-10-17 02:41

将组件发布到npm上

element-ui或者vant等组件库类型，发布到npm上，通过npmi使用步骤：1、创建项目image.png2、整理项目目录1：将src项目改成examples，(这样会导致项目跑不起来,原因是因为vue-cli3

风来自很远的北方·2023-10-16 23:44

vue-loader与vue-cli3

vue-loader查看文档VueLoader是一个webpack的loader(在vue-cli中已自动集成)，以下功能都依赖于VueLoader:单文件组件(.vue)Sass语法scoped功能将和中引用的资源当作模块依赖来处理开发热重载处理资源路径当VueLoader编译单文件组件中的块时，它也会将所有遇到的资源URL转换为webpack模块请求。因此动态添加/更改的资源非绝对路径需要使用

李霖弢·2023-10-16 17:26

vue-cli3构建PWA离线应用

vue-cli3使用PWA1.安装pwa插件依赖vue-cli3安装pwa插件时会安装register-service-worker依赖包,并自动生成一个registerServiceWorker.js

小包同学666·2023-10-16 09:51

(转载)vue项目首屏加载优化实战

我的项目vue-cli3构建的，vue+vue-router+vuex，UI框架选用element-ui，ajax方案选用axios，服务器使用Nginx。用到的这些技术都是现在用的比较广泛

7b7d23d16ab5·2023-10-16 02:02

推荐频道

@vue-cli3