@vue-cli3 第28页

vue-cli3 同时按需引入vant和element ui

一、安装vant和elementui1.安装vant#通过npm安装npmivant-S#通过yarn安装yarnaddvant2.安装elementuinpmielement-ui-S二、配置按需引入插件1.vantnpmibabel-plugin-import-D2.elementuinpminstallbabel-plugin-component-Dps：这里将同一个命令写两遍，是因为我遇到

史博辉的开发日记·2020-06-22 16:37

vue-cli3学习整理----browserslist

你会发现有package.json文件里的browserslist字段(或一个单独的.browserslistrc文件)，指定了项目的目标浏览器的范围。这个值会被@babel/preset-env和Autoprefixer用来确定需要转译的JavaScript特性和需要添加的CSS浏览器前缀。Browserslist在不同前端工具之间共享目标浏览器和Node.js版本的配置。它用于:Autopre

ap1005233·2020-06-22 14:57

vue-cli3学习整理----git Hooks

在安装之后，@vue/cli-service也会安装yorkie，它会让你在package.json的gitHooks字段中方便地指定Githook：{"gitHooks":{"pre-commit":"lint-staged"}}什么是GitHooks？话说，如同其他许多的版本控制系统一样，Git也具有在特定事件发生之前或之后执行特定脚本代码功能（从概念上类比，就与监听事件、触发器之类的东西类似

ap1005233·2020-06-22 14:25

禁用JavaScript之后，你的网站表现如何？

一最近要做一个新官网，需求评审完之后，考虑到官网都是纯静态页面，功能简单，操起vue-cli3几秒内创建好了项目脚手架，开发前，我打开了首页模板文件，看到下面这行字，有了一些思考……We'resorrybut

andrew1989121·2020-06-22 14:03

[Vue-CLI3] IE报vuex requires a Promise polyfill in this browser问题解决

所有后续加入的配置都需要先在项目根目录下创建一个名叫vue.config.js的文件，然后写进去runserve或者runbuild的时候会自动把vue.config.js中自定义的配置项merge到webpack的配置中去Vue-Cli3

liu__software·2020-06-22 11:38

路由导航全局前置守卫router.beforeEach在vue中的运用

这里呢我简单的记录下，在真实项目中，基于vue-cli3构建工具下，router和router.beforeEach的搭配使用。

sha虫剂·2020-06-22 10:50

vue-cli3工程目录

projectnode_modules依赖文件public公共文件favicon.ico项目ico图标index.html项目打包时会以该文件为母板src资源文件夹assets资源文件夹，存放图片之类的资源components组件文件夹，自己写的组件都放在这个文件夹下views我们所写的页面都放在这里App.vue应用组件，所有自己写的组件都是在这个组件之上运行main.jswebpack入口文件

赵赢·2020-06-22 09:33

Vue-cli3项目引入网页视频流媒体播放器EasyPlayer.JS报videojs not definde错误如何解决？

视频流媒体播放器EasyPlayer几乎涵盖了开发者所需的全部平台，尤其是在web端的EasyPlayer.js，极大地方便了开发者在解决B/S型业务开发时遇到的播放器接入的问题，比如：不懂前端的js代码、没有公网服务器放置这些js脚本和网页、微信对接入IP播放地址有限制等，不论是测试，还是被集成，都很方便。近期我们为了测试EasyPlayer.js不同的可能性，将EasyPlayer.js运用在

TSINGSEE·2020-06-22 07:47

webstorm启动vue项目

1.安装nodejs2、安装vue-cli3、配置webstorm4、配置Run/Debugconfigurations5、编译时可能存在问题：1）'webpack-dev-server'不是内部或外部命令

Crazy_Jeff·2020-06-22 05:55

webstorm vue-cli3 配置别名

配置后就可以跳转到别名的函数了我们知道在vue-cli1.x,vue-cli2.xwebstorm配置别名时候可以设置中指向webpack.base.conf.js就可以了但是vue-cli3.x中是没有webpack.base.conf.js的，别名在vue-config.js中设置了，chainWebpack:(config)=>{config.resolve.alias.set('@',re

Moqin89·2020-06-22 01:06

vue-cli3项目修改项目配置

vue-cli3期望做成0配置，使用vue-cli3构建项目，会发现之前的项目配置文件比如webpack.base.config.js等都不见了，那如果想要修改配置怎么去修改呢？

Djj_Alice·2020-06-21 19:12

vue3 静态资源static文件引入失败，没有static文件夹

在使用vue-cli3创建项目的时候会发现没有了config文件夹，唯一能够进行配置的地方就只剩下vue.config.js文件了，而且还没有配置静态资源的地方如果项目需要引入外部jsonhtml文件，

ChrisWang_·2020-06-21 18:17

vue-cli3 + ts @Emit，@Prop父子组件之间传值

@Emit和@Prop属于vue-property-decorator库，使用时需要先导入import{Component,Vue,Prop,Emit}from"vue-property-decorator";1.父组件向子组件传值：父组件代码：import{Component,Vue}from"vue-property-decorator";importchildComfrom"路径";@Com

不脱单，不改名·2020-06-21 14:58

如何在vue项目中配置你自己的启动命令和打包命令

准备首先除vue项目外我们还需要安装几个额外的包来帮助我们这只是在vue-cli2中的配置当然vue-cli3也可以通过如下方法来配置一些环境npmicross-envshelljs-Dcross-env

yangdongnan·2020-06-21 12:23

vue-cli3静态资源static assets项目结构

今天又是纠结的一天...本文又名:vue/cli3中不得不知的webpack配置..如大家所见，我在前文也写过vue-cli3.0默认项目目录与2.0的相比，更精简:1.移除的配置文件根目录下的，build和config等目录，2.移除了static文件夹，新增了public文件夹，并且index.html移动到public中。3.在src文件夹中新增了views文件夹，用于分类试图组件和公共组件

weixin_34345560·2020-06-21 11:23

vue前端项目搭建和要点记录

vue-cli2和vue-cli3（vue-cli4）的一些区别据我目前的了解，创建vue项目，vue-cli不是必须的，但是在实际开发时，几乎就是必须的。

涂宗勋·2020-06-21 08:15

vue-cli3中，开发模式实现跨域

实现方法在vue-cli3中，实现跨域的配置方法有两种。一种是在项目中的根目录，即与package.jason文件平行目录下创建vue.config.js。

高伟军·2020-06-21 06:33

一份关于vue-cli3项目常用项配置

配置全局cdn，包含js、css开启Gzip压缩，包含文件js、css去掉注释、去掉console.log压缩图片本地代理设置别名，vscode也能识别配置环境变量开发模式、测试模式、生产模式请求路由动态添加axios配置添加mock数据配置全局less只打包改变的文件开启分析打包日志vue.config.js完整的架构配置constpath=require('path');constUglify

vipbic·2020-06-21 02:06

babel 解决浏览器兼容性问题

这里遇到的问题是，本地的vue-cli3项目无法在ie和360浏览器运行babel中文文档vue-cli3下，配置IE浏览器兼容性别的不管，这里我就想知道他是如何解决我这个问题，在浏览器显示我要的页面就

宝儿的程序生涯·2020-06-21 01:05

Vue-cli3 生成的 Vue 项目加载Mxgraph

使用Vue-cli3生成Vue项目，并等待项目创建成功。vuecreate[项目名]安装mxgraph。cnpminstallmxgraph--save安装exports-loader。

懒牛不爱梳毛·2020-06-21 01:39

vue-cli3 搭建项目详细步骤说明

vue-cli3搭建项目npm使用国内淘宝镜像1.临时使用:npm--registryhttps://registry.npm.taobao.orginstallexpress2.永久使用:npmconfigsetregistryhttps

卓越非凡666·2020-06-18 16:57

vue-cli3 配置文件vue.config.js

vue-cli3没有config文件，解决方法如下在根目录加上vue.config.js文件module.exports={/**区分打包环境与开发环境*process.env.NODE_ENV==='

Michael113c·2020-06-13 15:42

vue-cli3/4 vue create 报错（npm install --loglevel error）

用vue-cli3/4建立项目老是报错commandfailed:npminstall--loglevelerror。

秦天佟·2020-06-11 10:06

vue-cli3 多入口,多环境打包

本篇文章讲解如何进行多入口打包以及多环境打包.1.多入口打包假设我们的项目,分为手机端商城和pc端后台管理,手机上是用户访问,pc上是自己的后台管理,后台管理使用elementUI框架,H5不使用任何框架.打包的时候,pc和h5分开打包.本机运行的时候pc和h5也是分开的2.多环境打包一个项目想要正式上线,首先需要本地开发没问题后,发到测试线上给测试人员测试,测完没问题再发到预发布环境(类似正式环

元气小仙女·2020-06-09 18:34

vue实现外部配置文件

思路：1.需要webpack打包是不将自己定义的配置文件打包，这就需要我们将自定义的配置文件放到public里面（vue-cli3搭建的项目），如果是vue-cli2搭建的项目则需要将文件放到static

好难想的名字·2020-06-01 14:25

Vue-cli3生成的Vue项目加载Mxgraph方法示例

使用Vue-cli3生成Vue项目，并等待项目创建成功。vuecreate[项目名]安装mxgraph。cnpminstallmxgraph--save安装exports-loader。

·2020-05-31 11:04

前端vue2 vue-cli3项目实现国际化实战 vue-i18n +yaml文件格式

最近公司的新项目需要做国际化，顾名思义，国际化就是可以在页面上切换显示语言，在国内大多数项目中只要支持中文和英文的切换就够了。在这里主要记录一下用vue技术栈，用到的vue-i18n插件的使用。一、安装npminstallvue-i18n-S//npm安装yarnaddvue-i18n//yarn安装`或者直接在html页面上引入二、在vue中使用将vue-i18n引入vue项目中，创建一个i18

叮当机ya·2020-05-30 10:21

vue-cli3打包时vue-cli-service build怎么分不同环境

vue打包测试环境时，改为调用测试的接口路径。https://www.cnblogs.com/xzqyun/p/12739613.html还要给build指令添加对应的文件，build:prod对应.env.productionbuild:stage对应.env.staging

牧马少女·2020-05-28 11:11

Vue-cli3脚手架3的webpack打包优化压缩

Vue-cli3脚手架3的webpack打包优化压缩网上很多关于webpack优化的，但是很多都是针对bable6或者vue-cli2或者webpack2.0的。

sxuan·2020-05-28 00:26

Vue-cli3多页面配置

Vue-cli3发布已经好长时间了，笔者也在一直使用，由于公司业务需要要使用多页面配置，于是花时间研究了一下Vue-cli3如何配置多页面。

Aaron·2020-05-27 22:45

搭建vue项目（基于vue-cli脚手架）

初始化项目：vueinitwebpackmy-vue（my-vue为项目名称）步骤二回车选择项目中需要安装的一些工具等，需要则y，不需要则n完毕后进入项目：cdmy-vue启动项目：npmrundev二、vue-cli3

陌盍·2020-05-22 00:32

Vue 打包体积优化方案小结

Vue-cli3打包体积优化方案前言:公司项目完成后，打包完成后有1.18MB，其实感觉还行了，但是还可以有优化的地方，对于咱们有精益求精（有没有还是有点*数的）的精神下再去优化，可以先在项目中安装webpack-bundle-analyzer

eg·2020-05-20 14:48

Vue Cli3 项目 vue.config.js 配置

VueCli3项目vue.config.js配置配置优化一、js文件最小化处理二、分割代码三、图片资源压缩四、开启gzip压缩先看一下优化配置之前的文件大小通过vue-cli3脚手架创建的项目，可以通过在项目根目录下创建

星河子_YumWisdom·2020-05-14 10:56

后端springboot、mybatisplus，前端vue-cli3、elementUI、axios，使用阿里巴巴提供的easyExcel导入导出excel表格

1.导入Excel表格Java后端代码一、导入easyExcel的jar包依赖com.alibabaeasyexcel2.2.3二、创建对应的数据模型，字段需求相同时，可复用importcom.alibaba.excel.annotation.ExcelProperty;importcom.alibaba.excel.annotation.write.style.ColumnWidth;impor

超人没腹肌·2020-05-12 23:55

Vue-cli3 webpack配置 vue.config.js （基础版本+进阶版本）

一：基础版本不需要多于插件优化，可以提供基础配置服务即可开箱即用constpath=require('path')constisPro=process.env.NODE_ENV==='production'//环境标识constresolve=dir=>{returnpath.join(__dirname,dir)}module.exports={//基本路径publicPath:'./',//打

Eirice·2020-05-12 10:33

对于使用 vue-cli3 创建的项目中，eslint 配置问题的解决:

最近使用vue-cli3脚手架创建项目，并使用eslint作代码校验格式；这篇文章是对于使用vue-cli3创建的项目中，eslint配置问题的解决；关闭eslint的方法：vuecli2创建的项目中，

『九离~空白』·2020-05-11 12:33

vue-cli3 取消eslint 校验代码

eslintrc.js文件module.exports={root:true,env:{node:true},'extends':['plugin:vue/essential',//'@vue/standard',//这行注释就可以'@vue/typescript'],rules:{'no-console':process.env.NODE_ENV==='production'?'error':'

玲曦·2020-05-08 16:54

vue-cli3构建的项目不能在IE中打开的问题

项目是用vue-cli3构建的，接触到项目的时候功能已经开发了一期，项目需求要兼容到IE10+；但是在开发环境中，在IE11上都报错且白屏。在谷歌下都没得问题。。。

无言_4f45·2020-04-30 16:57

vue-cli3 新建的项目jest 运行报错

问题描述：[email protected]:`jest--configtest/unit/jest.conf.js--coverage`npmERR!Exitstatus1npmERR!npmERR!Failedatthetest@1.0.0unitscript.npmERR!Thisisprobablynotaprob

hello，是翠花呀·2020-04-30 00:55

基于Vue实现微前端的示例代码

直到遇到了vue-cli3，子模块打包的问题得以迎刃而解。2019年秋，团队内部初步实现前端分布式开发，解决了集中式开发部署的“老大难”问题。

软件开发随心记·2020-04-24 08:19

vue-cli3项目打包问题

vue-cli3项目打包问题一：在哪配置webpack你需要在根目录新建vue.config.js配置webpack。

_林冲·2020-04-22 16:00

让Vue-Cli 3兼容2的“vue init”命令的办法以及执行vue init永远downloading的解决办法

让Vue-Cli3兼容2的“vueinit”命令的办法目前，至少2019年，我们还是没办法舍弃Vue-Cli2，因为一些业界首选的框架还是基于Vue-Cli2，比如mpvue，比如Electron-Vue

microkof·2020-04-14 14:43

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 Replace Autoprefixer browsers option to Browserslist config报错解决

使用vue-cli3搭建的项目，报了几十个错误报错内容：ReplaceAutoprefixerbrowsersoptiontoBrowserslistconfig.Usebrowserslistkeyinpackage.jsonor.browserslistrcfile.Usingbrowsersoptioncausesomeerror.Browserslistconfigcanbeusedfor

Phoenixing·2020-04-14 05:36

vue-cli3 使用cdn引入js

日常检查，发现我司一页面首屏打开耗时10s+，于是研究了一下，改了下js文件的引入方式，速度快了4倍有余！！vue-cli2使用cdn引入js以vue和element-ui为例1.index.html引入我开始把放在外了，打包版的白屏了；2.vue.config.js配置element-ui的cdn全局变量名称就是ELEMENT，不要随意改，否则会报element-uiundefined之类的错误

柚子胖鸡_·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-cli-3关于iview自定义主题报错问题

错误信息errormessage查阅了很多资料，排除less和less-loader未安装的可能性这个问题定位应该是webpack关于less-loader的配置默认值是不合适的需要添加新的配置进去但是Vue-CLI3

默写_0c03·2020-04-10 12:56

在Vue中使用 JSX

我就是，还有么简单Demo对于vue-cli3和4创建的Vue工程，是可以直接使用JSX语法的，简单的就是template删除了，写个render，其他的就和写React类

奔跑的太阳花·2020-04-08 14:00

vue-cli3单页构建大型项目方案

一、vue-cli3单页面构建方案1、在目标文件夹内执行vueui;一个ui版界面，用于创建vue项目；2、打开router文件夹内的index，看情况配置router的模式，是默认的hash还是history

TP晖·2020-04-08 11:48

推荐频道

@vue-cli3