@vue-cli3 第3页

通过highlight.js在vue中实现代码高亮

0.前言在vue-cli3项目中，通过highlight.js，实现页面中代码高亮。请先了解highlight.js官网中的使用说明。

dounine·2023-10-15 14:08

vue-cli3 打包时怎么区分不同的环境

项目打包上线时，经常会有多种情况出现，举例：生产环境和测试环境等，经常是不同环境的域名是不一致，所以打包起来比较麻烦。。。原理不管怎么变，基本原理都是在node进程中配置process.env的属性，然后可以全局访问：process.env.xxxWebpack进一步进行了封装，使用（DefignPlugin（https://webpack.docschina.org/plugins/define

菲儿_cdd4·2023-10-15 14:59

vue-cli3的eslint配置问题

vue-cli3按照官网教程配置搭建后，发现每次编译，eslint都抛出错误error:Expectedindentationof4spacesbutfound0(indent)atsrc\views\

盏茶作酒·2023-10-15 08:30

vue-cli3脚手架下Eslint的配置报错问题

在Eslint严格模式下会对代码进行一定的规范，一下是不规范的报错。解决方案直接关闭eslintrc配置一个vue.config.jsmodule.exports={lintOnSave:false}在目录.eslintrc.js下配置常用的规范module.exports={root:true,env:{node:true},//extends:["plugin:vue/essential","

冷太阳a·2023-10-15 08:59

Ant-design-vue修改主题色 vue-cli3

修改Ant-design-vue主题色官方文档是这样写的然后我就去找我的vue.config.js里边原本有一个文件了，原本是这样的原本使用这个reset.less呢，是为了重置样式，还有就是用来写公共样式的~//css相关配置css:{//启用CSSmodulesrequireModuleExtension:true,//是否使用css分离插件extract:false,//开启CSSsourc

yimi珊·2023-10-15 02:39

vue-cli3打包时出现Cannot set property 'render' of undefined问题

1.检查组件的js里面有没有写exportdefault没写的话加上就行了(使用了router的检查出口文件)2.检查组件或出口文件是否有父级div标签

AnsiMono·2023-10-14 11:28

vue-cli3 将自己写的组件封装成可引入的js文件

首先用vue-cli创建一个default项目当前的项目目录是这样的：首先需要创建一个packages目录，用来存放组件然后将src目录改为examples用作示例二、修改配置启动项目的时候，默认入口文件是src/main.js将src目录改为examples之后，就需要重新配置入口文件在根目录下创建一个vue.config.js文件//vue.config.jsmodule.exports={/

LeslieLiang·2023-10-13 23:57

VUE+Axios+Nodejs+express+pgsql实现前后数据交互【手摸手（绝对真实！），基础到爆炸！】

1、环境准备（需要安装）（1）vue-cli3（2）nodejs（3）axios（4）pg编译器：vscode2、个人思路（1）在pgsql里建数据表（2）利用Nodejs+pg包，读取pgsql的数据

csdn_xuebing·2023-10-13 06:37

vue-05-Vue-cli和移动端布局和动画

vue-cli3（新版本）如果之前安装过低版本的vue-cli，那么命令行执行：npmuni

未来在奋斗·2023-10-13 01:37

解决vue-cli3打包后文件太大加载慢的问题

一、配置vue1.安装compression-webpack-plugin插件[email protected].在vue.config.js中添加如下配置//导入compression-webpack-pluginconstCompressionWebpackPlugin=require('compression-webpack-plugin')//定

猿帅·2023-10-11 19:17

vue-cli3中使用vue ui打包页面空白的问题

在vueui中由于webpack的配置自动完成所以打包之后，使用的是默认的配置。后来阅读文档发现路径的配置被放在了vue.config.js中，所以解决方法是在跟路径新建一个vue.config.js文件，然后加上以下代码修改publicPath就可以了。module.exports={publicPath:'./'}

超级码力·2023-10-10 15:50

element-ui 页头pageheader报错

查看了代码，由于是vue-cli3版本搭建的项目，使用vueaddelement，也选择的全部导入，所以应该不存在导入问题，所以第一反应是需要初始化，仔细查过，不用。。。

天上人间一样愁·2023-10-10 03:15

vue-cli3与vue3

看目录结构：项目目录如下：(vue-cli3+版本创建的项目)看见项目中没有config、build等文件夹，变理所当然的以为它是vue3项目，可是试用vue3语法，却报错，研究后了解到，项目的目录结构和vue版本没有关系，有关系的是vue-cli版本，以上版本即vue-cli3+版本创建的项目。vue-cli2创建的项目目录如下：vue-cli创建项目vue-cli创建项目命令：1.vue-V：

是迪迪呀.·2023-10-09 03:16

秒秒秒·2023-10-09 02:11

scss 常用教程

vue-cli3配置全局scss变量vueaddstyle-resources-loader之后按需选择scss//vue.config.jsconstpath=require('path')module.exports

肖ZE·2023-10-08 20:29

vue+electron开发踩坑记录

补充：vue-cli2和vue-cli3/4的一些区别参考资料背景最近由于项目上的要求，需要开发一个基于数据展示页面。

feiniao8651·2023-10-08 03:57

vue-cli3在vue.config.js添加图片类型

控制台：vueinspect>output.js拿到解析好的webpack配置。这里会告诉我们怎么添加image.pngvue.config.js添加chainWebpack:config=>{config.module.rule('images').test(/\.ico$/).use('url-loader')},

w_小伍·2023-10-08 02:48

vue-cli3 代码优化 uglifyjs-webpack-plugin

安装uglifyjs-webpack-pluginnpminstalluglifyjs-webpack-plugin--save使用在vue.config.js文件中进行配置constUglifyJsPlugin=require('uglifyjs-webpack-plugin');module.exports={configureWebpack:config=>{if(process.env.N

带刀打天下·2023-10-07 18:19

Vue-cli 项目将打包dist文件丢到服务器上访问出现空白

使用下面的命令将npmrunbuild将打包生成的dist文件夹,放在服务器中,浏览器访问,发现访问成功,但是页面是空白的,可尝试以下解决方法出现这种情况要分两个处理方式（vue-cli2点几的版本和vue-cli3

THERAIN_·2023-10-06 12:46

移动端rem适配

vue-cli3用rem进行适配步骤安装手淘的flexible,插件名称叫amfe-flexiblenpmiamfe-flexible--save-devnpmipostcss-pxtorem在main.js

sunny688·2023-10-04 20:28

vue-cli3使用vue-svg-loader加载svg

vue-svg-loaderDocumentation-FAQwebpackloaderthatletsyouuseSVGfilesasVuecomponentsMicrosoftEdge报错问题在MicrosoftEdge存在ES6spread&rest语法无法转译的问题Error:Expectedidentifier,stringornumberUncaughtSyntaxError:Unex

weixin_30897079·2023-10-03 19:58

Vue Cli3 项目配置

一、新建项目使用vue-cli3构建一个初始的Vue项目：Cli3官方文档以下配置是我在项目中常用的，大家可自己斟酌是否需要使用！

用技术改变世界·2023-10-03 16:19

vue.config.js

vue-cli3脚手架搭建完成后，项目目录中没有vue.config.js文件，需要手动创建vue.config.jsvue.config.js是一个可选的配置文件，如果项目的(和package.json

AAA前端·2023-10-03 00:36

TypeScript + vue3.0项目实战中遇到的问题及解决方案

——吴玉章系列文章目录第一章论vue3.0和vue2.0区别之编程方式及例子详解第二章同一台电脑实现vue-cli2和vue-cli3同时并存及常见命令第三章vue3.0项目实战-ElementUI框架版第四章

BMG-Princess·2023-09-30 18:06

vue-cli3以上使用Iconfont-阿里巴巴图标矢量库

添加资源到阿里矢量图官网搜索想要的图标，选取想要的矢量图标加入购物车，打开购物车选择创建项目或者添加到项目，然后在我的项目里点击下载到本地，至此我们得到大致如图文件其中，demo_index.html为教你怎么用这些矢量图的方法，打开我们选第二种方法FontClass。具体用法为，在你的项目的public文件夹下引入矢量图资源引入之后，我们在public文件夹下的index.html假如我们要引入

Walzerhi·2023-09-28 14:45

使用vue-cli3搭建项目

直接安装到自己想安装到的目录里面就可以了1）.安装完成以后，打开命令行，输入node-v来判断是否安装成功2）.在安装node的时候，npm包管理器会自动安装，我们在命令输出npm-v看看是否安装成功2、安装vue-cli3

问就是不会·2023-09-27 00:38

vue-cli3 预渲染的实现prerender-spa-plugin&vue-meta-info

乌龙茶不甜·2023-09-25 16:10

vue-cli3项目中关闭eslint

办法Vue这个前端框架相对于React和Angular，入门会非常快。但是，到了中后期实战阶段仍然有许多工程实际问题需要我们一块一块地攻克。VueCLI这个被称为“脚手架”的工具是必须克服的拦路虎，不过，这个工具版本更新非常快。观察网络上的许多案例及手头参考书，即使是最新的，主要是基于2.X版本介绍的。在解决如题所示问题时当前的3.X版本自然与2.X版本大不一样。在VueCLI3生成的工程中只要在

请叫我小一·2023-09-25 06:41

vue-cli3 设置反向代理

vue.config.js//获取不同环境的域名varurl=process.env.VUE_APP_API_URL_WEB;module.exports={devServer:{//设置代理proxy:{"/native":{target:url,//域名ws:true,//是否启用websocketschangOrigin:true,//开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据

宁宁宁66·2023-09-25 04:11

vue-cli3 使用 cesium 创建 gltf/glb 3d 模型

说下踩坑经历吧,之前一直把3d模型(gltf/glb)文件放在项目目录里面,然后在组件中引入,一直会报错.网上搜了一圈都没能解决.最后发现了一个报错信息是一个网络加载(gltf/glb)文件加载错误,而后我又新开了一个文件,没有使用vue,结果是导入成功了,在网络请求中(gltf/glb)文件是成功加载的.于是乎我就用node新开了一个服务器,把(gltf/glb)文件放在服务器上,用网络地址去请

弹指一挥间_e5a3·2023-09-24 13:13

VUE项目优化汇总

注：本文只适用于vue-cli初始化的项目或依赖于webpack打包的项目*首屏加载优化背景：基于vue-cli3创建的项目编译后发布测试，发现有个文件chunk-vendors文件大小达到846kb，

k先生的日常·2023-09-24 08:13

vue.config.js配置

vue-cli3脚手架搭建完成后，项目目录中没有vue.config.js文件，需要手动创建module.exports={//基本路径publicPath:"./",//构建时的输出目录outputDir

程序小小黑·2023-09-24 04:50

vue.config.js 实用配置（生成zip文件，生产环境删除console.log，gzp配置，qiankun微前端配置等

这里所用的都是基于vue-cli3的配置哦。vue是2.x的。

东扯葫芦西扯瓜·2023-09-23 19:54

服务器ssr进程启动怎么运行,什么是SSR及如何使用vue-cli3构建一个SSR应用程序

1、前沿1.1、什么是SSRSSR(服务端渲染)顾名思义就是将页面在服务端渲染完成后在客户端直接展示。1.2、客户端渲染与服务端渲染的区别传统的SPA模式即客户端渲染的模式Vue.js构建的应用程序，默认情况下是有一个html模板页，然后通过webpack打包生成一堆js、css等等资源文件。然后塞到index.html中用户输入url访问页面->先得到一个html模板页->然后通过异步请求服务端

大龄妈妈·2023-09-22 14:25

vue【vue-cli3】项目优化

名词解释spa全称是单页面应用。一个SPA就是一个WEB应用，它所需的资源(HTMLCSSJS等)，在一次请求中就加载完成，也就是不需刷新地动态加载。用术语“单页”就是因为页面在初始化加载后就永远不会重新加载刷新。优点减轻服务器端的压力。因为服务器先将一份包含了静态资源、JavsScript和模板的静荷数据(payload)发送到了客户端，之后客户端只需要获取渲染页面或视图所需要的数据即可。pay

嚣张的胖头鱼·2023-09-22 14:53

vue2.6.12移动端配置

vue-cli3配置见vue-cli3分支。其他系列★Blog★Nuxt.js全面

杨晓白·2023-09-22 03:35

vue中设置样式穿透

原生css语法：.类名>>>.类名{样式}less,sass,scss预处理器语法：::deep{原组件样式名{样式}}vue-cli3以上版本不可以/deep/.类名{样式}父类/deep/子类例如：

维他命Coco·2023-09-21 16:06

【vue】vue-cli3中用axios访问本地json文件报错404

由于项目（vue-cli3.x版本）用到了echarts地图中的json文件，当把需要的json文件保存到本地时，通过axios或jquery.getjson()去访问时，却报错404了。当时我的这个json文件是保存到了项目的public\static中。问题其实就出在路径上面了，服务器找不到这个本地路径的资源文件，后来在网上找了下，发现json文件需要存在public文件夹下，因为vue-cl

奄奄一息的一条咸鱼·2023-09-20 15:14

webpack eslint关闭

方法一：找到package.json文件，然后轻松一步搞定no-unused-vars:属性值可以是0或者false都行方法二：(vue-cli3中)找到package.json文件，然后最后，重新npmrunserve

zz__fly·2023-09-18 21:07

vue开发之vue-cli2与vue-cli3的对比

项目目录结构项目目录结构可以明显的看出来，vue-cli2.0与3.0在目录结构方面有明显的不同： 1.vue-cli3移除了配置文件目录：config和build文件夹，增加了vue.config.js文件 2.vue-cli3移除了static静态文件夹 3.vue-cli3新增了public文件夹 4.vue-cli3将index.html移动到public中配置项配置文件目录vue-cl

夏一抹阳光_c717·2023-09-18 13:03

vue.config.js配置项以及注意事项（vue3）

前提vue-cli3已经发布，按照以后的趋势，大概率会使用3进行日常开发，所以了解一下vue3的配置还是很重要的。

weixin_45044818·2023-09-16 11:54

vue样式中背景图片路径_vue-cli3.0全局less样式中该如何正确设置背景图片的路径？...

用vue-cli3脚手架新建的项目，在使用less设置背景图片的时候遇到了路径报错问题，该如何正确设置背景图片的路径？项目目录如下：现在在css文件中有一个全局样式common.less。

weixin_39646084·2023-09-15 20:31

vue项目部署优化之You are running Vue in development mode.Make sure to turn on production mode

前戏vue-cli3项目，对依赖包进行cdn加载的优化。

滴流乱转的小胖子·2023-09-14 06:24

Vue 跨域处理--代理模式

在vue-cli3脚手架创建的项目中config/index.js替换如下代码//PathsassetsSubDirectory:'static',assetsPublicPath:'/',proxyTable

额_就这就这·2023-09-14 02:44

如何将vuepress部署后放在自己已有的vue项目中

环境及其配置静态程序vuepress-doing已有程序Vue-cli3其他配置省略...不影响，关键是看上线具体操作1、电子书基于vuepress生成的，npmrunbulid生成静态文件，但是这里有个注意点

Masir123·2023-09-13 11:20

vue-cli3安装更新、旧版卸载及运行报错

1、如果你安装的node的时候是无脑操作直接是next->next的话：可以先把以前安装的旧版本的vue-cli卸载：（1）.npmuninstallvue-cli-g//卸载vue-cli旧版本（2）.把Users\Administrator\AppData\Roaming\npm\node_modules\@vue中的cli文件删除（重要点）（3）.npminstall-g@vue/cli//

展明达·2023-09-11 11:23

Vue Cli3 项目打包优化

一、新建项目使用vue-cli3构建一个初始的Vue项目：Cli3官方文档因为使用了cli3，很多目录结构不见了，而相关配置是放在vue.config.js里面的，因此在根目录，新建一个vue.config.jsmodule.exports

会飞的猪1994·2023-09-11 04:08

vue-cli3 使用 postcss-pxtorem & postcss-px2rem

使用postcss-pxtorem1.安装postcss-pxtoremnpminstallpostcss-pxtorem-S2.在vue.config.js中添加module.exports={lintOnSave:true,css:{loaderOptions:{postcss:{plugins:[require('postcss-pxtorem')({rootValue:37.5,//换算的

x1aodingdang·2023-09-11 00:17

基于vue-cli3 + axios 构建多页面应用H5移动端电商网站项目（下）X

基于vue-cli3+axios构建多页面应用H5移动端电商网站（下）如果有web前端html+css+js+vue基础的小伙伴，可以直接跳过上一篇，直接阅读此文。接下来要讲的，也是最主要的页面功能开发阶段。整个项目完成阶段分为：需求分析、原型讨论、UI设计，`前后端开发`，测试，上线。移动端开发必备1.使用rem单位进行手机适配，在项目/src/assets/js/common.js里面加入以下

青铜小菜姬·2023-09-10 23:43

使用 Jest 进行 Vue 单元测试

vue-cli3的插件使安装流程变得格外简单，通过vueui启动可视化管理系统，在插件栏，点击‘添加插件’，搜索@vue/cli-plugin-unit-jest，点击安装就可以了，对应命令行的vueadd

O蚂蚁O·2023-09-10 19:46

推荐频道

@vue-cli3