vue-cli4

vue-cli4项目配置cdn引入静态资源

脚手架版本：@vue/cli4.4.1vue.config.js中module.exports={//打包是否生成.map文件productionSourceMap:false,lintOnSave:false,configureWebpack:{externals:{'element-ui':'ELEMENT','vue':'Vue',"vue-router":"VueRouter",'vuex
九段刀客·2020-08-22 14:33

手把手教你搞定 vue-cli4 配置

目录√配置多环境变量√配置基础vue.config.js√配置proxy跨域√修复HMR(热更新)失效√修复LazyloadingroutesError：Cyclicdependency√添加别名alias√压缩图片√自动生成雪碧图√SVG转font字体√使用SVG组件√去除多余无效的css√添加打包分析√配置externals引入cdn资源√多页面打包multi-page√删除moment语言包
盏茶作酒·2020-08-22 13:36

vue-cli3.x、vue-cli4.x中，想要在node中使用es6的语法，该如何配置babel

新版vue-cli工具生成的项目，如何配置babel，使之可以在node中使用es6+的语法导读（写在前面）方案一方案二本文行文条件是基于vue-cli3构建的项目，在vue-cli4中依然可用；同时，
Never Yu丶·2020-08-22 12:25

vue-cli4项目开启eslint,保存时自动格式

最近新建一个vue-cli4的项目，初始化的时候没开启eslint，后面想开启的时候不好配置，这里就做个开启eslint和保存时自动修复格式的总结vscode首先安装eslint插件配置vscode的自动保存
陈大左·2020-08-22 12:05

vue-cli4路由懒加载方案

当打包构建应用时，Javascript包会变得非常大，影响页面加载速度。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。1、在命令行执行npminstallbabel-plugin-dynamic-import-node-S-D2、在babel.config.js中添加插件presets:['@vue/cli-plugin-babel/pr
陈大左·2020-08-22 12:33

vue-cli3与vue-cli4的区别

@vue/cli-plugin-pwa、@vue/cli-service等包的增强原来在根目录下的vuex.js、route.js被分别放到了对应的文件夹下希望大家补充和细化
JC-Ge·2020-08-22 11:13

vue-cli4 配置 gzip 压缩

安装插件npmi-Dcompression-webpack-pluginvue.config.js配置//引入该插件constCompressionWebpackPlugin=require("compression-webpack-plugin")//匹配此{RegExp}的资源constproductionGzipExtensions=/\.(js|css|json|txt|html|ico|
码农臭弟弟·2020-08-21 05:27

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

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

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

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

vue项目开发学习心得

一般作用于表单空间dos命令cd1进入桌面vue环境搭建1、下载node.js并安装2、在dos命令行输入node-v确认node已安装就绪3、在dos命令行输入npminstall-gvue-cli安装vue-cli4
江边何人初见月·2020-08-18 21:07

vue中使用rem布局

转自https://www.cnblogs.com/xiaoxiaoxun/p/11147097.html使用的是vue-cli4方式一：在public下的index.html页面中添加如下jsfnResize
一天一天积累·2020-08-18 17:48

Vue cli4构建的Vue项目结构

在windows系统搭建VUE环境(安装vue-cli4)中我们使用默认配置创建一个项目hello-world，这次我们首先用图形化界面来创建一个项目。
牧云流·2020-08-17 05:54

vue-cli4安装和打包配置

vue-cli4下载首先打开命令行窗口（window+r，输入cmd）输入vue-V，如果有旧版本就进行卸载npmuninstall-g@vue/cli或yarnglobalremove@vue/cli
```???·2020-08-15 20:58

vue-cli4 解决向后端请求出现跨域问题（跨域代理）

有2种常用的解决方案：后端设置允许跨域访问前端通过代理进行访问后端这里用的是前端代理方法：vue-ciI4是没有build文件夹跟config文件夹，vue-cli4所有的配置都在Vue.config.js
闫三岁·2020-08-15 20:15

手把手教你深入Vue3.0(Vue-cli4)项目打包性能优化实践

1.关闭productionSourceMap首先，由于最新版的脚手架不自带配置文件了，先在根目录新建vue.config.js文件，关闭productionSourceMap，在vue.config.js中写入如下内容module.exports={productionSourceMap:false}2.开启Gzip压缩安装插件compression-webpack-plugin，打开代码压缩，
qq_36824777·2020-08-15 19:45

vuecli4打包文件

网上大多数教程都是vue-cli3版本的，但是我之前安装的是vue-cli4版本，这块整合起来还是有区别的。最主要的就是vue4之中默认没有vue.config.js，所以需要自己来创建配置。
Ennio_·2020-08-15 19:09

vue-cli4中scss全局变量

vueaddstyle-resources-loader（选择scss）执行过程中有个问题commandfailed:npminstall--loglevelerrorvue-cli-plugin-style-resources-loader-D。看了网上的解决方案：a.修改C:\Users\Admin\.vuerc中的useTaobaoRegistry:true，无效b.清缓存npmcachec
蓝色六一·2020-08-15 19:15

vue-cli4实现自适应布局

原理webpack打包时，通过postcss-pxtorem插件，将原先写的px单位转换成rem，然后通过amfe-flexible插件监听窗口变化，设置根元素得fontSize，实现自适应效果安装cnpmiamfe-flexible-S//需要打包进项目-Scnpmipostcss-pxtorem-D//只需要本地使用-D安装完成后，在main.js引入amfe-flexible配置在项目vue
蓝色六一·2020-08-15 19:15

Vue-cli4打包 npm run build 路径错误解决办法

在项目根目录下，和package.json同级的目录下，创建一个vue.config.js文件publicPath:'./'***是解决相对路径的方法module.exports={publicPath:'./',configureWebpack:{resolve:{alias:{'assets':'@/assets','common':'@/common','components':'@/com
okboy519·2020-08-15 19:09

vue-cli4 打包优化之 DllPlugin 和 DLLReferencePlugin

2020-05-02更新近期发现dll已经落后了，随着webpack4的优化，dll带来的提升已经不太明显。所以据说vue-cli和create-react-app曾经采用过的dll优化，现在也已经不再使用。现在有一个更好的方式，就是在开发模式下采用hard-source-webpack-plugin。不用额外的dll配置，不用生成多余文件，也不用考虑注入问题。开发模式下二次构建的速度会有所提升，
DongFuPanda·2020-08-15 17:50

Springboot + Vue 个人博客 前端配置

Springboot+Vue个人博客前端配置在进行开发前需要安装Node在安装完Node.js后可以选择安装cnpm(使用国内镜像加速下载)使用命令npm/cnpm安装vue-cli4提醒一下：1.在使用
Mr丶LuoT4·2020-08-14 01:48

vue-cli4中使用less全局变量（4步）

（1）先下载less：npmiless-loaderless--save-dev（2）再下载：npmistyle-resources-loader--save-dev（3）在vue.config.js文件中配置：constpath=require('path')functionresolve(dir){returnpath.join(__dirname,dir)}module.exports={p
qq_38969618·2020-08-12 17:52

vue-cli的4.x版本命令行创建项目（node.js下载、cnpm安装）

害，脑子不好使，总是记不住，好记性不如烂笔头，搁这儿做一下记录，见下：正文一、前期准备工作node.js的10.0.0以上版本(必须)、cnpm(淘宝镜像)(可选)、vue-cli4以上版本(必须)这一趴主要是介绍在创建
废话连篇小白粥·2020-08-09 12:16

Vue-Cli4基础配置及目录简介

Vue-Cli4基础配置vue是一个JavaMVVM库，是一套用于构建用户界面的渐进式框架，是初创项目的首选前端框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。
Yukiyousa·2020-08-09 11:25

vue-cli3和vue-cli4中vue.config.js给sass变量赋值

varappConfig=require("./public/appConfig")varstyleVariables=appConfig.style;//在module.exports={}中插入webpack配置configureWebpack:{module:{rules:[{test:/\.scss$/,use:[{loader:'sass-loader',options:{additio
qlingsu·2020-08-09 10:29

vue学习-vue-cli4创建项目与目录结构简介

vue学习-vue-cli4创建项目与目录结构简介目录文章目录1、vuecli4创建项目1.1、版本简介1.2、创建项目2、项目结构简介***后记***：内容1、vuecli4创建项目1.1、版本简介版本简介
gaogzhen·2020-08-08 15:59

【解决】You are using the runtime-only build of Vue where the template option is not available...

我是用的vue-cli4,项目报错是因为我对一个子路由的组件使用了非template模板，代码如下constUser={template:'User'}然后将User置于路由对应的组件，当把User新建到一个新的
Run_youngman·2020-08-08 13:45

vue 二、vue-cli （脚手架）和 vue-router （路由）的使用

一、脚手架安装及创建vue项目（vue-cli4）1、安装npminstall-g@vue/cli安装脚手架2、先切换到存放代码的目录vue查看是否正常执行，PowerShell无法执行查看：https
兮家小二·2020-08-07 17:37

vue-cli4下按需加载element-ui遇到的问题

前提条件：在开发私有的包的过程中遇到element-ui无法按需加载看饿了么的官网是是这样写的但是实际在vue-cli4下面已经存在babel.config.js，内容如下module.exports=
前端-wjh·2020-08-07 16:11

【VUE全家桶】vue-cli4脚手架创建项目

目录1.我用的版本2.创建项目并配置项目3.初始项目结构4.添加必要依赖4.1vueaddelement-ui4.2npminstallaxios4.2npminprogress4.3npminormalize.css1.我用的版本软件查看版本命令版本是否全局安装nodenode-vv10.16.3是npmnpm-v6.9.0是[email protected]是@vue/clivue-V@
TaotaotaoPlus·2020-08-05 15:56

Vue学习(一):基于Vue-cli初始化项目及Git管理

通过vue-cli4快速搭建vue项目及Vant安装使用通过cnpm指令安装vue-cli和初始化项目指令//安装vue-clinpminstall@vue/cli-g//通过npmcreate项目名-
书香学编程·2020-08-05 14:03

vue-cli4搭建项目

使用Vue-Cli4.x脚手架项目初步搭建1.前提：node的版本要在8.11.0+，并配置好node的环境变量2.如果之前电脑中安装多其他版本的脚手架需要卸载掉其他的版本，重新安装4.x版本**npmuninstall-gvue-cli**3.安装最新版本脚手架npminstall-g@vue/cli#ORyarnglobaladd@vue/cli安装后查看脚手架的版本**vue--versio
James_liPeng·2020-08-05 12:15

Vue-cli3和Vue-cli4打包 npm run build 路径错误解决办法(亲测管用)

Vue-cli3打包npmrunbuild路径错误解决办法我们用vue-cli搭建的项目执行npmbuild后本地打开页面空白，如何才能查看npmrunbuild之后的结果呢。我们先看一下提示信息：Tip:builtfilesaremeanttobeservedoveranHTTPserver.Openingindex.htmloverfile://won'twork.这段话的意思就是说：构建文件
大大怪将军鸭·2020-08-05 11:41

使用vue-cli3/4 搭建vue项目

使用vue-cli4搭建vue项目一、安装vue-cli4查看版本号：命令行中输入vue-V查看一下vue-cli的版本，如果之前安装过2XX版本的vue-cli，卸载后安装新的。
恋小调儿·2020-08-05 01:19

使用vue-cli4手把手搭建一个完整的vue(vue+vuex+vue-router+scss+es6+antD+axios)项目

一、安装依赖全局安装vue-clicnpm install vue-cli -g查看是否安装成功键入vue--version，出现以下版本号，则代表成功如果使用poweshellr提示无法加载文件D:\nvm\nodejs\vue.ps1，因为在此系统上禁止运行脚本，请点击我查看解决办法二、创建项目vuecreatevue-test//vue-test为项目名称，不支持驼峰?Pleasepicka
山野里的小菊花·2020-08-05 01:01

vue-cli4 优化之 Ant Design Vue

按需加载babel.config.jsmodule.exports={presets:['@vue/app'],plugins:[['import',{libraryName:'ant-design-vue',libraryDirectory:'es',style:true}]]}兼容ie10babel.config.jsmodule.exports={presets:['@vue/app',['
DongFuPanda·2020-08-04 23:21

Vue-Cli 4.x目录结构学习总结

本文会持续更新，不断地扩充本文仅为记录学习轨迹，如有侵权,联系删除一、目录结构这里直接给出Vue-Cli4
最强菜鸟·2020-08-03 23:57

安装vue-cli新版本并构建项目

安装vue-cli新版本并构建项目一：卸载老版本安装新版本二：vue-cli4构建项目一：卸载老版本安装新版本1、查看版本：vue-V2、卸载旧版本：npmuninstallvue-cli-g3、安装新版本
Puxh_·2020-08-03 13:41

vue-cli4项目初始配置及优化（二）

写了一之后好像鸽了挺久的，上一篇写完之后其实这个初始化模版的项目文件已经差不多写完上传到github仓库了，上一篇末尾也把地址放上来了，emmm，再放一下吧，vue初始模板。现在趁着周末到了补一下（二），写一下其中webpack插件的引入。之后如果还要完善，那就只能引入momentjs，imutablejs之类的，那这些其实就看个人的编码习惯跟喜好了，有些人可能喜欢，有些人可能就觉得这些没有必要。
逆风丶大魔王·2020-08-01 14:32

vue-cli4的配置vue.config.js

一、配置多环境变量1、package.json里的scripts配置项中添加--modexxx来选择不同环境"scripts":{"dev":"vue-cli-serviceserve","build:prod":"vue-cli-servicebuild--modeproduction","build:stage":"vue-cli-servicebuild--modestaging",}2、在
Asion168·2020-08-01 11:56

vue-cli4搭建脚手架步骤

因为vue轻量级等各种优点，很多项目需要搭建vue脚手架，接下来我们就分享一下搭建脚手架的步骤搭建脚手架需要了解前端的相关知识htmlcssjsNode.js环境(npm包管理工具)webpack自动构建工具一、安装node.js进入官网https://nodejs.org/zh-cn/二、安装cnpm1、npm（nodepackagemanager）是nodejs的包管理器，用于node的插件管
水晶草720·2020-08-01 11:55

从0搭建vue-cli4脚手架

之前写了两期前后端分离的SpringBoot项目，从0搭建到整合Mybatis，但是只有后端没有前端的项目是不完整的，所以今天更新一篇从0搭建vue-cli4脚手架。
weixin_46214451·2020-08-01 10:04

菜鸟之旅一：初学 vue 之使用 vue-cli4 创建项目

（一个教程搬运工）刚刚接触vue-cli4,其实我都不知道1，2，3长什么样子。借鉴了很多教程，然后自己动手实践梳理出来。哈哈，接下来开始我的vue菜鸟之旅。
当然大人·2020-08-01 06:58

从0搭建vue-cli4脚手架

之前写了两期前后端分离的SpringBoot项目，从0搭建到整合Mybatis，但是只有后端没有前端的项目是不完整的，所以今天更新一篇从0搭建vue-cli4脚手架。
·2020-07-31 19:46

egg+vue全家桶 前后端分离项目(一)

开发软件：vscode；技术栈前端：前端MVVM框架：vue：vue-cli4搭建路由管理：vue_router组件库：vuetify前后端交互：axios（比较老了）数据化视图：echart.js(第一次尝试
big_Cocky·2020-07-31 16:25

原来安装Nginx并部署vue前端项目是这么简单

vue项目打包好之后(打包及cli4的vue.config.js配置方法见：vue-cli4打包踩坑)我们就要部署了，作者采用的是阿里云疫情期间白嫖的半年服务器，系统是centos，进入正题。
路途芬芳·2020-07-30 04:54

vue-cli4.0取消eslint语法检测

运行vue项目时报错：Youmayusespecialcommentstodisablesomewarnings.Use//eslint-disable由于项目是使用vue-cli4创建的项目，目前里面没有
dandelion9508·2020-07-30 04:08

vue-cli4中定义scss常量

vue-cli4中定义scss常量第一步：/src/assets/css/config.scss$green:#02a774;第二步：Yes/选择scssvueaddstyle-resources-loader
亲爱的，·2020-07-29 06:14

关于vue-cli4创建的项目打包的问题

使用vue-cli4创建的项目写完后，直接执行npmrunbuild打包，点开dist文件夹中index.html文件。没错，啥都没有。看控制台，报错了经百度搜索，发现需要配置一下路径。
柳宁依·2020-07-28 19:17

vue2.x：一、vue-cli 4安装和vue项目的基本解析

一、vue-cli4安装和vue项目的基本解析vue2.x基本开发和使用1、nodejs的安装2、安装@vue/cli4并解析vue项目创建项目vuecli创建的项目目录解析注：本文皆为本人自己实际开发中的了解所得经验
我家猫每天都在飞·2020-07-27 18:16
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他