@vue-cli3

记一次vue-cli3项目打包后不出东西的解决

1.vue.config.js里面：module.exports={publicPath:"./",}2.router.js里面注释：exportdefaultnewRouter({//mode:"history",//base:process.env.BASE_URL,routes:[{path:"/",name:"index",component:()=>import("@/pages/Ind
HonneyHao·2021-01-26 19:13

vue-cli 打包输出多个html_Vue知识点总结(24)——使用VueCli创建一个项目（超级详细）...

首先我们打开终端，在合适的目录下运行以下命令：(前提是你已经完整了上篇文章对于Vue-Cli3的基本配置)vuecreatehellovuecli31这个hellovuecli3是文件名，文件名大家可以自拟
weixin_39928940·2021-01-26 10:41

Vue-cli3项目处理包括（i18n/font-spider/xss/wangeditor）

项目开发阶段构建太慢超过300秒，按需加载所有组件也需50秒，转为vue-cli3.0配置少量webpack即可达到10秒的构建速度效果,热重载2秒，可以接受vue-cli2>>>>vue-cli3项目处理
·2021-01-24 00:21

使用vue-cli3创建项目

文章目录1.前言2.创建项目3.目录结构4.配置文件去哪里了5.资料1.前言vue-cli3与vue-cli2版本有很大区别vue-cli3是基于webpack4打造，vue-cli2基于webapck3vue-cli3
webchang·2021-01-17 19:12

vue-cli3+babel7项目兼容IE

正常来说项目都可以忽略IE，无奈我们还是有一些比较传统的大企业要用我们的系统，所以还得支持IE10~11;网上比较多资料都比较旧了，自己撸了一些就不想看了，大部分都是因为不同的babel版本不一样正常来说vue-cli3
spademan·2021-01-15 19:28

图标库 vue_站长推荐：完全免费开源基于vue的清新后台模板 - D2Admin

预览地址：http://d2admin.fairyever.com/功能使用vue-cli3构建首屏加载等待动画五款主题详细的文档登录和注销分离的路由和菜单设置可折叠侧边栏多国语富文本编辑器Markdown
钉钉p·2021-01-13 04:07

Vue3+TypeScript部署私有UI组件库

Vue3已经正式发布有一段时间，最近也打算学习一下，这个项目是在学Vue3的时候看到别人分享的demo，然后自己在这基础上修改一下，加深映像和理解；开发环境查看vue-cli版本vue-V升级vue-cli3
super_大楼·2021-01-12 17:53

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

项目开始时webpack配置vue-cli3以后，我们修改webpack配置，需要自己在项目根路径下创建vue.config.js文件配置proxy跨域使用vue-cli开发项目，在本地开发环境中，如果遇到跨域问题
weixin_46057188·2021-01-11 16:53

vue-cli3使用svg图标的详细步骤

1.安装依赖npminstallsvg-sprite-loader-D2.在vue.config.js里添加配置module.exports={chainWebpack:config=>{constsvgRule=config.module.rule("svg");svgRule.uses.clear();svgRule.use("svg-sprite-loader").loader("svg-s
webxEJIr·2021-01-08 12:49

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

axios+less+postcss-px2rem源码github.com/Michael-lzg…//安装依赖npminstall//本地启动npmrundev//生产打包npmrunbuild在一两年前，vue-cli3
lzg9527·2021-01-05 14:49

vue-cli3 配置开发-测试环境

需求首先介绍一下本项目的背景，是基于vue-cli3.1.1的单页应用，目前测试环境和生产环境都在线上，并且都在同一个域名下，其中生产环境部署在根目录下，测试环境部署在名为test的子目录下，根据生产环境和测试环境的不同，某些界面和交互有细微的差别。根据以上项目的基本情况，分析出需求如下：实现区分线上生产环境和线上测试环境的环境变量，供项目代码中全局使用。实现输入一行命令，执行两条指令，分别打包线
林雪·2021-01-04 16:54

vue-cli3 资源路径publicPath配置成 ./ 和 / 的天大区别，net::ERR_ABORTED 404 (Not Found)，导致线上项目的部分路由懒加载跳转出现资源不存在的错误！

如图vue.config.js里的publicPath配置成./和/有什么区别呢?以我实际项目中遇到的问题来说明。我项目中遇到的问题是：1.线上项目部分路由跳转的时候控制台报错，出现资源加载错误net::ERR_ABORTED404(NotFound)，还有Loadingchunkxxxxfiled,请看清楚，这是部分页面，并不是全部！2.上面的问题只有在部署到线上的时候才有，本地开发环境没有。3
一码平川！·2021-01-04 13:22

Vue-cli3创建项目步骤

准备工作：vue-cli的版本需要3以上（我的是V4.5.9），node环境建议npm转为国内的地址创建Vue项目一、使用webpack来构建Vue项目，项目名vuedemovueinitwebpackvuedemo根据自己的选择来配置转到vuedemo文件夹cdvuedemo输入npminstall运行构建好的项目npmrundev利用脚手架vue-cli来构建项目cnpmivue-cli-sc
李和贵·2021-01-02 16:04

vue-cli3与vue2的区别；vue-cli3项目搭建

参考链接：搭建vue项目：https://www.cnblogs.com/lmx217/p/12509956.html配置文件:https://www.cnblogs.com/jiaobaba/p/13047464.html3.0新加入了TypeScript以及PWA的支持•部分命令发生了变化：安装依赖npminstall启动项目npmrunserve打包项目npmrunbuild-product
檀小泡泡·2021-01-01 16:21

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

作者：羊先生转发链接：https://segmentfault.com/a/1190000022512358前言配置全局cdn，包含js、css开启Gzip压缩，包含文件js、css去掉注释、去掉console.log压缩图片本地代理设置别名，vscode也能识别配置环境变量开发模式、测试模式、生产模式请求路由动态添加axios配置添加mock数据配置全局less只打包改变的文件开启分析打包日志v
又画教育·2020-12-30 22:32

vue-cli3配置路径别名

vue.confg.js中添加配置找到根目录下vue.confg.js中添加如下配置代码片段，如果没有这个文件，在根目录重新创建一个constpath=require("path");functionresolve(dir){returnpath.join(__dirname,dir);}//vue.config.js常⽤配置module.exports={chainWebpack:config=
longerJue·2020-12-28 14:51

vue-cli3构建的项目使用compression-webpack-plugin 进行GZip压缩

使用vue-cli3搭建的vue项目是没有productionGZip配置的，需要你安装插件compression-webpack-plugin并在vue.config.js中进行相应的配置才能实现项目的性能优化
俺是老王·2020-12-28 11:46

vue-cli2与vue-cli3在一台电脑共存

1、新建两个文件夹，分别用于存放vue-cli2和vue-cli32、进入vue2文件夹下载安装vue-cli2.0vue-cli2.0版本下载命令为npminstallvue-cli或者npminstallvue-cli@版本号，这里我指定了版本号，还有这里不要加-g,否则就会安装到全局位置检验下载完毕，会生成一个`node_modules`文件夹，进入该文件夹下的`.bin`文件夹--`F:\
月半小夜曲·2020-12-24 04:04

vue 搭建组件库（转）vue-cli 3.0

使用vue-cli3搭建团队的组件库并发布到npm1.安装vue-cli3并创建一个项目首先我们先安装开发必要的工具集,并创建一个项目:yarnglobaladd@vue/cli//创建项目vuecreatevui
考拉_2044·2020-12-21 16:27

vue-cli3替换网页标题旁边的logo

1.在public文件下添加自己需要的.ico文件可自行在网页转换png->.ico2.在html文件添加logofavicon.ico">如果没有生效3.在vue.config.js添加配置pwa:{iconPaths:{favicon32:'favicon.ico',favicon16:'favicon.ico',appleTouchIcon:'favicon.ico',maskIcon:'f
meng16·2020-12-21 10:53

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

vue-cli3配置见vue-cli3分支。其他系
weixin_39615991·2020-12-20 12:56

WIndows10系统搭建Vue.js开发环境

2020.12.191、Vuejs简介2、Vue.js配置步骤{Nodejs[withnpm]->Webpack->Vue}2.1安装Nodejs并配置npm2.2安装webpack2.3安装Vue和Vue-cli3
jing_zhong·2020-12-19 21:00

卸载vuecli3_vue-cli3安装遇到的问题，卸载不掉旧版本，导致更新不了

在我学习vue-cli3的过程中，首先就是安装环境，但是在这里遇到一个大坑，心累···使用了无数遍npmuninstall-g@vue/cli-init都无法卸载vue-cli3.0X上网找资料，终于找到跟自己相似情况的小伙伴
weixin_39541750·2020-12-18 18:38

electron中实现打印pdf文件

该方法实际上是通过node执行命令来调用SumatraPDF从而打印pdf文件，所以我们需要把SumatraPDF目录直接放在项目static（vue-cli3为public）目录
此行欲上天·2020-12-17 11:42

vue-cli3搭建项目之webpack配置

vue-cli3搭建完整项目之webpack配置前面篇介绍了项目初始化，下面就要开始对项目webpack进行配置，由于vue-cli3将webpack的基础配置全部内嵌了，这就导致我们初始化项目完成之后发现原先的
webxEJIr·2020-12-16 18:04

vue-cli3 配置不同环境变量 process.env.NODE_ENV

文章转自：https://www.cnblogs.com/web-zqk/p/11893137.html建议直接看原文相比vue-cli2,vue-cli3简化了配置区分不同的环境变量process.env.NODE_ENV
夜跑者·2020-12-14 09:30

vue-cli3搭建项目之webpack配置

vue-cli3搭建完整项目之webpack配置前面篇介绍了项目初始化，下面就要开始对项目webpack进行配置，由于vue-cli3将webpack的基础配置全部内嵌了，这就导致我们初始化项目完成之后发现原先的
webxEJIr·2020-12-11 15:25

vue-cli3内引入全局sass的方法

在vue.config.js里：css:{loaderOptions:{sass:{prependData:`@import"@/assets/style/variable.scss";`},}}说两点要注意的地方：如果项目中用到了postcss注意要一起写到loaderOptions里，有时候没注意容易写两个css选项，这样后面一个就把前面的覆盖了，没有生效比较难找到问题如果出现了一堆巨型报错，
Peggy7·2020-12-09 20:26

vue创建项目

开搞  1.vue-cli3和vue-cli2的区别    (1).vue-cli3是基于webpack4打造的，vue-cli2是基于webpack3    (2).vue-cli3的设计原则是"0配置
GG_lyf·2020-12-09 20:18

解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题

1.在vue项目根目录下新建vue.config.js（不是在src下面）vue.config.js配置文件：module.exports={//基本路径baseURL已经过时publicPath:'./',//输出文件目录outputDir:'dist',//eslint-loader是否在保存的时候检查lintOnSave:true,//usethefullbuildwithin-browse
·2020-12-04 12:35

[@vue/cli & element-ui] 环境变量与模式

1.环境变量的设置vue-cli3中，通过在根目录下设置.env[.mode]文件，来设置环境变量。在文件中，通过键=值设置不同的环境变量。
wei4118268·2020-12-03 03:42

使用cp命令复制隐藏文件

cp-rpath1/*path2开始并没有发现有异常，后来发现好多隐藏文件没有一起拷过来，比如vue-cli3的环境变量文件.env等。正确的操作姿势是：cp-rpath1/.path2
wei4118268·2020-12-02 22:06

使用cp命令复制隐藏文件

cp-rpath1/*path2开始并没有发现有异常，后来发现好多隐藏文件没有一起拷过来，比如vue-cli3的环境变量文件.env等。正确的操作姿势是：cp-rpath1/.path2
wei4118268·2020-12-02 22:35

vue-cli3通过不同命令打包文件到不同文件夹并配置不同请求地址（开发环境、UAT环境、生产环境）

一、区分不同环境1.在根目录下新建3个文件（.env.development、.env.production、.env.uat）文件类型为.txt文件.env.developmentVUE_APP_BASE_API=开发环境地址VUE_APP_ENV=development.env.productionNODE_ENV=productionVUE_APP_BASE_API=生产环境地址VUE_AP
zZ_d205·2020-12-01 09:21

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

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

Vue-cli3 pc+移动端自适应

一直以来PC端屏幕适配都是用flex或者百分比流式布局来做的，偶尔用到媒体查询，为了今后项目工作的方便，现在研究一套新的布局方案，通过第三方库将我们写入的css样式中的px单位在客户端转换成rem单位，这样无论什么屏幕都能完成适配，pc和移动端公用的话特殊的地方可以用媒体查询稍微修改一下就好了，后面再研究一下bootstrap的适配方案，后续会继续记录一下的1、安装lib-flexiblenpmi
李海鹏_f321·2020-11-25 11:01

vue-cli3配置favicon.ico和title的流程

index.html和favicon.icoico的路径二、如果是多页面程序publc目录下放ico图标public下的index页面然后在vue.config.js里的page配置ico的路径补充知识：Vue-cli3
·2020-11-22 14:58

vue-cli3自定义插件并发布到npm

主要是记录体验使用VueCLI3自定义插件并发布到npm，然后在项目里下载使用的一个过程。大纲写一个简单的插件(写插件注意事项)打包库的相关配置注册npm，登录npm发布流程删除已上传包（短时间内上传的包）删除已上传较长时间的包npmunpublish--force//强制删除，这个是撤销24小时发布的包，有些包发布久了，这个方法不会再管用了。npxforce-unpublishpackage-n
zhaoHui_Ti·2020-11-18 15:45

vue-cli3查看webpack默认配置

前言从vue-cli3.0版本开始，取消了build和config文件夹，webpack相关的配置被隐藏了起来。要对webpack做个性化配置，需要在根目录创建vue.config.js文件进行配置覆盖。但是我们怎么知道vue-cli内置了什么样的配置呢？vue-cli官方提供了inspect命令——查看webpack配置的方法：vueinspectvue-cli-service暴露了inspec
夏狗花花·2020-11-18 13:38

快速解决vue2+vue-cli3项目ie兼容的问题

刚写好的项目在谷歌能打开，ie打不开，需要处理兼容问题先根据这篇文章修改详解Vue-cli3项目在安卓低版本系统和IE上白屏问题解决如果没有其他问题是可以了的，下面是我代码中出现的其他问题导致页面无法显示或者报错
·2020-11-17 15:15

超级详细的Vue-cli3使用教程

Vue盛行的一个时代，大部分前端开发人员接触的第一个MV*的框架大多全是Vue，当然也有一部分人可能最开始接触的就是React或者Angular，Vue以详细的中文文档，以及容易上手的API被大家所熟知。更多使用Vue的开发人员都很少在HTML中直接开发Vue的项目而是使用vue-cli脚手架，简直不要太方便，从Vue-cli2.0开始，笔者也在开始使用，也简单的看过2.0版本的webpack配置
Aaron·2020-11-14 11:04

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

之前写了一篇vue-cli3的配置（https://segmentfault.com/a/11...），建议升级到vue-cli4。
hongzheng·2020-11-13 17:27

通过vue-cli3搭建npm包的组件项目，并发布到npm

搭建项目：可以通过vue-cli3快速搭建项目：（https://cli.vuejs.org/zh/guide/installation.html）npminstall-g@vue/cli通过vueui
任性的我·2020-11-04 17:24

Vue-cli3 项目配置 Vue.config.js

vue-cli3脚手架搭建完成后，项目目录中没有vue.config.js文件，需要手动创建image.png在根目录中创建vue.config.jsimage.pngvue.config.js配置module.exports
Hasan_hs·2020-10-26 16:20

Vue-CLI（vue脚手架）安装的详细过程包括vue-cli2和vue-cli3

Vue-CLIVue-CLI：命令行工具，用于快速生成Vue项目基础架构，简化程序员创建Vue项目的过程。CLI的意思：CLI是Command-LineInterface，翻译为命令行界面,但是俗称脚手架.VueCLI是一个官方发布vue.js项目脚手架使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置.（一）安装vue-cli前的准备安装vue-cli之前要先安装node和
B~~·2020-10-26 12:31

vue-cli3 打包优化

1、设置路由懒加载importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)constindex=r=>require.ensure([],()=>r(require('@/views/index')),'index');exportdefaultnewRouter({mode:'history',routes:[{path:'',c
_ing_f909·2020-10-21 15:47

vue项目PC端如何适配不同分辨率屏幕

配置前言项目构建：基于vue-cli3构建，使用postcss-px2rempx2rem-loader进行rem适配实现原理：每次打包，webpack通过使用插件postcss-px2rem，帮我们自动将
good法乐·2020-10-19 11:38

npm更新vue-cli3，报错问题解决

需要安装vue-cli3的朋友可以去官网看安装步骤，当然前提是你安装的非常顺利，没有出现报错问题！可能出现的报错：npmERR!
会飞的猪1994·2020-10-16 16:45

vue-cli3 实现封装一个滚动公告栏组件（数据大屏可用）

注意组件名等可自行更改，仅作参考用预览图思路总共10条数据，在界面中显示5条，每3秒滚动一次，每次向下滚动一条通过两个盒子，外层定高盒子设置溢出部分隐藏内部定高盒子每次都通过marginTop值得改变去向上滚动滚动动画通过setInterval实现渐变色横条也是两条，底层定宽，顶层计算宽度并设置渐变色代码{{item.title}}{{item.number}}exportdefault{name
不说别的就是很菜·2020-10-11 15:18

VUE-CLI3配置

一、安装脚手架3.0以下：npminstall-gvue-cli@版本号脚手架3.0以上：npminstall-g@vue/cli@版本号1.node.js安装nodejs官网：https://nodejs.org/en/，最好安装在默认文件里面2.安装vue脚手架npminstall-g@vue/cli卸载脚手架：npmuninstallvue-cli-g查看版本号：vue-V3.创建项目vue
tortoise666·2020-10-10 13:13
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他