vue-cli4

grid布局适配IE

结论:grid布局只能通过前缀支持IE>=10,而且并不能完全支持环境通过autoprefixer来自动添加前缀(现在应该没人手动加前缀了吧)项目本身是通过vue-cli4创建的(明明就是一个只有内部几个人使用的应用为什么要支持
·2021-02-22 22:37

vue-cli4/antd 配置按需加载

之前没有做笔记的习惯，经历了年底的一波裁员，来到新公司好多东西都是从新接触，好记性不如烂笔头还是做个笔记吧。新公司需要搭建一个项目，用vuecli搭建因为是4.1版本的项目结构和vuecli2x版本的有些不一样了，所以在使用antd配置按需加载的时候遇见了问题。CLI的搭建步骤就不说了直接官网或者百度都是一大堆直接复制就行。项目目录：vue-cli项目目录这是4版本以上的CLI比2x版本的精简了好
豆屁屁·2021-02-04 09:37

终端警告提示！！！ “export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘ 有效解决

最近在使用vue-cli4创建项目时（4.5.0版本的脚手架），出现了一点小问题创建后发现main.js与之前有些不同，之前是这样的importVuefrom"vue";importAppfrom'.
Bwcx_lzp·2021-01-22 16:34

vue-cli4打包优化（webpack优化）

项目开始时webpack配置vue-cli3以后，我们修改webpack配置，需要自己在项目根路径下创建vue.config.js文件配置proxy跨域使用vue-cli开发项目，在本地开发环境中，如果遇到跨域问题，可以通过配置peoxy的方式解决跨域问题module.exports={devServer:{open:false,//自动启动浏览器host:'0.0.0.0',//localhos
weixin_46057188·2021-01-11 16:53

vue-cli4首次加载速度优化

GZIP压缩GZIP压缩有动态跟静态两种可以将由前端打包GZIP,通过gzip_static:on会寻找以.gz结尾的文件，直接返回，不会占用cpu进行压缩，如果找不到则不进行压缩nginx#开启和关闭gzip模式gzipon|off;#gizp压缩起点，文件大于1k才进行压缩gzip_min_length1k;#gzip压缩级别，1-9，数字越大压缩的越好，也越占用CPU时间gzip_comp_
waker·2021-01-05 14:49

搭建一个vue-cli4+webpack移动端框架（开箱即用）

简介这是基于vue-cli4实现的移动端框架，其中包含项目常用的配置，组件封装及webpack优化方法，可供快速开发使用。
lzg9527·2021-01-05 14:49

vue-cli4首次加载速度优化

GZIP压缩GZIP压缩有动态跟静态两种可以将由前端打包GZIP,通过gzip_static:on会寻找以.gz结尾的文件，直接返回，不会占用cpu进行压缩，如果找不到则不进行压缩nginx#开启和关闭gzip模式gzipon|off;#gizp压缩起点，文件大于1k才进行压缩gzip_min_length1k;#gzip压缩级别，1-9，数字越大压缩的越好，也越占用CPU时间gzip_comp_
waker·2021-01-05 14:12

2021-01-04

vue项目开发流程（教育类）我们这个项目是一个教育类的移动端项目，我们用到的技术栈是vantui和vue-cli4脚手架axios,router,vuex.首先先搭建脚手架，vuecreate项目名来搭建脚手架
中庸之为德也，其至矣乎·2021-01-04 22:29

vue-cli4中全局引入jquery

先安装依赖npminstalljquery在src同级目录下新建一个vue.config.js文件粘贴下面内容到这个文件中即可constwebpack=require('webpack')module.exports={//引入jquerychainWebpack:config=>{config.plugin('provide').use(webpack.ProvidePlugin,[{$:'jq
诗水人间·2021-01-01 02:37

vue-cli4+vant+rem+sass+vuex+axios封装+webpack搭建移动端项目

构建手机端模板脚手架启动项目gitclonehttps://github.com/teach-tian/h5-vue-cli4.gitcdh5-vue-cli4npminstallnpmrunserve目录√Vue-cli4
星空之火@田兴·2020-12-25 17:04

vuecli4 启动_vue-cli4 全面配置(持续更新)

https://github.com/staven630/vue-cli4-configgithub.comvue-cli4全面配置(持续更新)细致全面的vue-cli4配置信息。
weixin_39615991·2020-12-20 12:56

vue-server-renderer实现vue项目改造服务端渲染

这是一篇教程，从创建项目到改造项目vue-cli创建一个项目在放你做demo的地方，创建一个项目vuecreatevue-ssr//如果你安装了vue-cli4，选择vue2的版本，以下的改进过程是按vue2
万年打野易大师·2020-12-10 14:39

vue-server-renderer实现vue项目改造服务端渲染

这是一篇教程，从创建项目到改造项目vue-cli创建一个项目在放你做demo的地方，创建一个项目vuecreatevue-ssr//如果你安装了vue-cli4，选择vue2的版本，以下的改进过程是按vue2
万年打野易大师·2020-12-09 21:44

vue-cli4覆盖antd样式

覆盖antd样式解决办法有两个：1.在一个组件中同时使用有作用域和无作用域的样式：当标签有scoped属性时，它的CSS只作用于当前组件中的元素。vue组件编译后，会将template中的每个元素加入[data-v-xxxx]属性来确保stylescoped仅本组件的元素而不会污染全局。2.深度作用选择器如果你希望scoped样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用>>>操
麻辣_水煮鱼·2020-12-09 15:57

Vue-cli4构建Vue项目以及项目开发规范

最近刚好带团队内的新人快速上手vue2这个版本的语法，今天也继续来分享下带他们去由0到1使用vue-cli构建vue项目，并分享下我们团队内vue技术栈平时开发中需要注意的一些规范，大家来看看吧，一起加油！Vue-cli构建Vue项目一、安装nodejs环境Begin:Downloadnodejsfromhttp://npm.taobao.org/mirrors/node/Mynodejs-ver
coder猪·2020-12-04 16:21

vue-cli4使用全局less文件中的变量配置操作

目录结构如下：需求：在Navgation.vue中使用global.less中的变量vue-cli3的配置方法如下：传送门vue-cli4的配置方法如下：安装style-resources-loadernpmistyle-resources-loader-D
·2020-11-25 17:31

解决vue-cli4创建项目卡死的情况

解决vue-cli4创建项目卡死的情况随着vue3的出现，vue-cli也升到了4版本，目前最新的一版是@vue/cli4.5.9但是vuecreatemy-project的时候经常卡死，解决方法是设置淘宝镜像
历飞羽·2020-11-18 16:24

vue-cli4版本配置vue.config.js和分环境打包

，建议升级到vue-cli4。
hongzheng·2020-11-13 17:27

vue项目如何部署到nginx服务器

1.windows下安装nginx请看:Windows下安装Nginx2.配置完成后，如何设置，nginx开启gzip压缩，请看vue-cli4打包最强优化（10M变300kb）mac下安装nginx安装工具
星空之火@田兴·2020-11-12 17:02

vue项目配置使用typescript教程

项目背景：vue版本：2.6.11基于vue-cli4脚手架生成已配置eslint（配置教程参考：传送门）一、安装依赖vuets基础：npmi-Dtypescript@vue/cli-plugin-typescriptts
醉逍遥neo·2020-10-26 18:46

vue-cli4配置scss全局变量

vue-cli4配置scss全局变量最近写自己的博客，打算使用scss，但是使用scss的时候不想每个组件都引入variable.scss，于是网上找了好多方法，此为亲测可用的方法安装“node-sass
刀刀是个萌妹子·2020-10-17 22:33

vue-cli4 + Electron打包成桌面程序

首先，完成了一个名为‘demo1’的vue-cli4项目，在根目录下创建一个vue.config.js文件：module.exports={runtimeCompiler:true,publicPath
沐泉·2020-10-16 15:20

vue-cli4/vue-cil3使用process.env.VUE_APP_BASE_API全局地址代替vue-cli2的process.env.BASE_API

今天就一起学一下vue-cli4/vue-cil3和vue-cli2在全局地址
文化沙漠麦七·2020-09-28 09:15

解决办法：vue-cli4创建项目导入elementUI，浏览器报错Uncaught TypeError: Cannot read property ‘prototype‘ of undefined

解决办法：vue-cli4创建项目导入elementUI，浏览器报错：UncaughtTypeError:Cannotreadproperty‘prototype‘ofundefined根据main.js
贾西贝aaaaa·2020-09-24 15:39

vue-cli4创建项目浏览器报错：Uncaught TypeError: Cannot read property ‘prototype‘ of undefined

问题：新建的项目引入elementUI后就报错了，并且页面上什么都没有在main.js里引入elementUi的3个语句，importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);代码如下：运行npmrunserve，然后页面上什么都没有。。。。然后打开浏览器，有报
贾西贝aaaaa·2020-09-23 17:47

webpack4多页面开发环境typescript版本来了！

后来我们就架构师找到我说以后可以用用ts，即typescript，虽然我也有所涉猎，但是一脸懵逼啊，于是打开官网，b站开始学习，学完之后，又看脚手架ts版本的，然后再根据以上的js版本的开发环境，终于撸出了一套ts版本的开发环境，跟vue-cli4
三哥玩前端·2020-09-17 00:27

vue-cli4中生产环境或测试环境使用.env， .env_development, .env_production or other

一介绍1.env无论开发环境还是生成环境都会加载2.env.development开发环境加载这个文件3.env.production生成环境加载这个文件tips:在开发环境会默认加载.env.development在生产环境默认加载.env.production，其它名称需要配置NODE_MODE当然还可以命名别的名称，但是在运行的时候需要在pacage.json中配置一下，这样你就可以根据不同
sunnyboysix·2020-09-16 16:20

Vue -Ts入门 (一)

本文章，是个人第一次尝试利用vue-cli3(事实更新vue-cli4)，从头开始，加入typeScript。如果有出处，欢迎指正。共同成长。
Posden·2020-09-15 09:57

vue+typescript+element-ui项目类型报错的问题

注意：vue-cli4目前貌似是会报类型错误的，不管是element-ui,还是ant-design-vue，不知道是不是新版的cli需要做什么配置；但是vue-cli3是没问题的；报错的话，检查一下版本
导乐符·2020-09-15 09:59

vue-cli@4搭建 vue + element-ui 项目实操

本文用来记录如何通过vue-cli4来搭建一个element的项目，以及中间碰到的一些问题的处理方法一，搭建步骤1.安装node安装步骤自行百度，确认node环境变量已经配置好，node和npm指令可正常使用
huzhenv5·2020-09-13 08:00

基于Vue实现一个有点意思的拼拼乐小游戏

技术栈如下：vue-cli4基于vue的脚手架Xuery笔者基于原生js二次封装的
徐小夕大帅比·2020-09-13 01:03

vue-cli4脚手架搭建速度太慢的坑

vue-cli4脚手架搭建速度太慢的坑网上查阅了很多资料,总结几点:1.taobao镜像源:npminstall-gcnpm--registry=https://registry.npm.taobao.org
qq_41459679·2020-09-12 23:40

Vue-cli4脚手架搭建

目录安装node.js安装cnpm安装vue-cli脚手架构建工具创建项目启动项目随着vue.js越来越火爆，更多的项目都用到vue进行开发，在实际的开发项目中如何搭建开发脚手架呢安装node.js进入官网下载node.jsnode版本必须在10.0.0以上才支持安装cnpmnpm（nodepackagemanager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）使
Amo℃柠檬·2020-09-12 21:56

vue-cli4使用svg图标的几种方法

方法一：（svg文件夹必须放在src目录下面）使用vue-svg-icon插件。详解请参考博客方法二：（svg文件夹放在assets目录下面）使用svg-sprite-loader插件。详解请参考博客
String佳佳·2020-09-12 14:57

Vue-cli4页面样式兼容Ie9的解决办法

下载babel-polyfill插件，在main.js里面引用；下载mini-css-extract-plugin插件；下载css-split-webpack-plugin插件；在vue.config.js引用这样的解决办法是因为css的样式代码太多了，导致样式加载不出来，我们的解决办法是，把css的样式拆分，每400KB拆成一个文档，进行加载
鹤玺儿·2020-09-12 00:51

彻底搞懂并解决vue-cli4中图片显示的问题实现

在基于vue-cli实际开发过程中，很多小伙伴都会遇到关于图片显示的困扰，不管怎么设置，图片就是显示不出来，今天我们来详细说说这个问题。图片无法显示，绝大部门的情况是图片路径问题，要搞懂路径问题，分别有相对路径与绝对路径实际开发中使用图片最多的场景有以下三种：1、手动引入importlogofrom'../img/logo.png'//或constlogo=require('../img/logo
·2020-09-11 15:09

Vue-cli4 配置 element-ui 按需引入操作

在按照element-ui文档和网上各个文章的描述方式都未能正确配置出按需加载的功能。经小编一番摸索之后，终于搞定了，本篇文章记录实现的全过程#1node与vue的版本情况#2未按需加载打包后的文件情况由上图看出，只是引入了element-ui框架后，js文件急剧的上升到了783KB，这显然是不能接受的。element-ui按需加载文档：https://element.eleme.cn/#/zh-
·2020-09-11 15:07

vue-cli4中如何引入高德地图

使用的是vue-cli4，首先去高德地图获取你的key。
哪天才能爬大厂·2020-09-11 09:44

查看vue版本所遇到的问题

在安装完成vue-cli4之后，Win+r输入cmd进入到命令页面后，查看vue版本号，输入vue-V（注意大写）显示C:\Users\*****>"node""C:\Users\*****\AppData
我的星系·2020-08-26 23:25

vue-cli4在安装完成后创建一个简单的新页面

在安装好vue-cli4的前提下，（具体安装方法请看我之前的博客）第一步，打开编辑器，创建一个新的文件vue.config.js第二步，在public中创建新的文件：login.html在文件中输入代码如下
我的星系·2020-08-26 23:25

在vue-cli4版本下，创建vue项目

1.键盘按键Win+R，输入cmd,进入到命令行页面，2.在node.js和npm安装完成的前提下，创建vue项目3.进入到项目的安装路径，我将项目放在了D盘中的vue-list文件夹中4.输入vuecreatevue-app(项目名称)5.回车，进入到以下页面该页面的意思是创建项目是默认的框架还是自己手动设置，用键盘的上下方向键进行选择，我一般选择的是手动设置。default默认Manually
我的星系·2020-08-26 23:25

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

创建vue项目报错：ERRORcommandfailed:yarn解决方法一：Win+R输入cmd进入到命令行界面输入命令npminstall-gyarn成功后重新创建vue-cli4项目便可以解决了。
我的星系·2020-08-26 23:25

安装vue-cli4版本

首先，查看安装环境，按住键盘Win+R，输入cmd,进入到命令行界面，1.安装node.js如果有安装过，输入node-v查看安装版本如果没有，先安装node.js在官网下载最新版本，根据系统是32位还是64位官网地址：node.js下载安装包之后进行傻瓜式安装便可。如果实在不放心，可以借鉴菜鸟教程中node.js安装步骤,网址：https://www.runoob.com/nodejs/node
我的星系·2020-08-26 23:25

vue-cli4 打包和加载优化

vue在首次加载时，会出现加载很慢的情况，可以通过优化第三方库的引入方式来优化打包后的文件，本文提供了两种引入方式，对两种方式进行了对比结论：npm使用方便，但加载速度稍慢，对于小的库使用npm。CDN+本地使用麻烦些，但加载速度快，对于一些很大的库可以使用，但要注意库的加载顺序问题通过npm//安装npminstallecharts-S//使用importechartsfrom'echarts'
My_Java_Life·2020-08-25 17:29

搭建一个vue-cli4+webpack移动端框架（开箱即用）

简介这是基于vue-cli4实现的移动端框架，其中包含项目常用的配置，组件封装及webpack优化方法，可供快速开发使用。
lzg9527·2020-08-24 17:38

vue-cli4创建vantUI项目，按需引入，适配Rem，自定义主题

使用vue-cli4创建一个vue项目//[email protected]根据自己的需要选择对应的配置，此处略过。。。
李祥雨·2020-08-24 16:52

Vue 关于ESLint语法规范报错：Line 10 exceeds the maximum line length of 100

ESLint语法报错最近在使用vue-cli4创建项目,在项目编译时,报出来了一些语法错误;因为我使用的是bootstrap组件,所以在一行引用时报出来:Line10exceedsthemaximumlinelengthof100
qq_41459679·2020-08-24 02:17

移动端vue-cli4开发环境搭建

项目说明基于vue-cli4.0+webpack4+vantui+sass+rem适配方案+axios封装，构建手机端模板脚手架项目地址：vue-h5-template技术栈Vue2.x、CLI4、webpack、npm（cnpm）、node环境（10+）、vue-router、axios（自行封装）、scss、animation.js、VantUI（移动端ui框架）、postcss-plugin
星空之火@田兴·2020-08-23 11:45

亲测成功解决internal / modules / cjs / loader.js：800 throw err;

记一次崩溃的安装vue-cli安装了vue-cli4，但是有些项目是vue-cli2的，导致vue4卸载不了直接删除了重新安装也无济于事，能奔溃啊。。各种报错。。
vue学习·2020-08-22 19:28

vue-cli3项目 升级到 vue-cli4 的方法总结

升级步骤和总结一.首先，在全局安装最新的VueCLI：npminstall-g@vue/cli#ORyarnglobaladd@vue/cli检查安装后的cli版本vue-V#输出:@vue/cli4.x.x说明@vue/cli4安装成功(vuecli3的版本会输出3.x.x)我安装后查看一直是3.X版本就先卸载了vue/cli载新装二.在项目根目录下执行vueupgrade按提示升级即可报错及解
高先生的猫·2020-08-22 15:01
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他