@vue-cli3

vue-cli3 一直运行 /sockjs-node/info?t= 解决方案

首先sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端：sockjs-node（https://github.com/sockjs/sockjs-node）客户端：sockjs-clien（https://github.com/sockjs/sockjs-client）如果你的项目没有用到
weixin_30604651·2020-08-22 14:24

vue-cli3 一直运行 /sockjs-node/info?t= 解决方案

首先sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端：sockjs-node（https://github.com/sockjs/sockjs-node）客户端：sockjs-clien（https://github.com/sockjs/sockjs-client）如果你的项目没有用到
weixin_30364325·2020-08-22 14:42

vue-cli3 history及config配置

vue.config.js文件配置注意点：1.在router.js中base字段配置url的路由地址，这个需要与后端域名根目录前的路径保持一致。mode:'history',base:'/project/'2.在vue.config.js中将publicPath的目录更改与base一致。publicPath:"/project/",//构建好的文件输出到哪里3.在vue.config.js中/ap
MS·Feng·2020-08-22 14:06

vue-cli3修改index.html浏览器名字和图标——htmlWebpackPlugin.options.title

一、打包后网页的入口是public文件夹index.html,决定项目网页入口tab的名字是二、vue.config.js/***@Description:自定义配置*@Author:txf*@CreateDate:2020/5/713:28*/constpath=require("path");functionresolve(dir){returnpath.join(__dirname,dir)
txfyteen·2020-08-22 13:55

Vue-cli3打包出现空白解决方案

全局安装http-serverD:\项目\zhtblog\dist>npminstallhttp-server-g进入dist文件夹，打开cmd，输入http-server,打开对应网址，问题解决
蔚蓝天空~·2020-08-22 13:14

基于Vue-Cli3的Vue移动端企业级工程架构

基于Vue-Cli3的Vue移动端企业级工程架构本项目是基于Vue-Cli3脚手架，应用VW的自适应解决方案构建的移动端企业级工程项目，下面会一步步构建起项目结构。
Gavin·2020-08-22 13:40

vue-cli3项目运行时sockjs报错问题

vue-cli3项目运行时sockjs报错问题1.如图，项目中有websocket的内容，在控制台就会一直报错2.这是因为服务端没有启东时，就会一直出现3.解决方法在项目中找到node_modules下的
雨易辰木·2020-08-22 13:53

vue项目打包后页面出现空白

相信很多刚刚接触vue的伙伴会遇到这样的问题，就是说vue项目在开发环境下一切正常，但是打包之后，打开index.html页面却是一片空白，打开控制台发现这样的错误出现这种情况要分两个处理方式（vue-cli2和vue-cli3
qq_251025116·2020-08-22 13:41

vue-cli3 + page-skeleton-webpack-plugin 生成骨架屏

创建vue.config.jsconst{SkeletonPlugin}=require('page-skeleton-webpack-plugin')constpath=require('path')module.exports={configureWebpack:{plugins:[newSkeletonPlugin({pathname:path.resolve(__dirname,'./sh
icey·2020-08-22 12:07

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-cli3 项目中使用 CDN

vue-cli3项目中通过CDN方式使用echarts1、html中引入echartshtml中添加script标签如下：2、在webpack中配置使用echartsCDN在vue.config.js中配置如下
bown95·2020-08-22 12:15

解决vue-cli3项目运行时sockjs报错问题

使用vue-cli3创建的项目，在谷歌浏览器运行没有问题，但在火狐浏览器、ie浏览器和edge浏览器上运行都会报错（就测试了这几个浏览器，其它的没测），具体报错内容如下：//火狐浏览器报错如下"载入页面时与
weixin_44093149·2020-08-22 11:00

vue-cli3 项目从搭建优化到docker部署

项目地址vue-cli3-project欢迎star原文地址www.ccode.live/lentoo/list…1.创建一个vue项目相信大部分人都已经知道怎么创建项目的，可以跳过这一节，看下一节。1.1安装@vue/cli#全局安装vue-cli脚手架npminstall-g@vue/cli复制代码等待安装完成后开始下一步1.2初始化项目vuecreatevue-cli3-project复制代
weixin_33779515·2020-08-22 11:38

Vue 2.x全家桶(vue-cli3,vuex,vue-router,axios)全系列

目录你将收获课程介绍vue起步vue基础vue深入组件vue生态你将收获您将掌握Vue基础知识，深入了解组件相关知识您将掌握Vue周边生态技术并会使用您将了解工作中常见的一些开发问题并学会解决课程介绍第一章、vue起步：通过todoList宏观感受vue，初步了解vue的一些基础语法以及概念，建议同学们尝试养成结合文档进行学习的习惯，为后面的基础知识讲解与学习做好准备。第二章、基础精讲：结合代码案
普通小程序员·2020-08-22 11:49

vue-cli3配置骨架屏方案

vue-cli3配置骨架屏方案前言最近在学vue,准备使用vue写一个移动端项目。考虑到首页白屏优化，需要实现骨架屏需求。
w候人兮猗·2020-08-22 11:43

vue-cli3与vue-cli4的区别

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

vue-cli3 的vue-skeleton-webpack-plugin使用

index.html"as="script">"as="style"onload="this.onload=null;this.rel='stylesheet';window.STYLE_READY=1;window.mountApp&&window.mountApp();">">!function(t){"usestrict";t.loadCSS||(t.loadCSS=function(){}
noal·2020-08-22 11:22

vue性能优化

最近用vue-cli3搭建项目，由于项目比较大，业务逻辑比较多，导致了打包后文件比较大，导致首页页面白屏时间过长，用户体验不友好，可以往下面几个方法进行处理。
陈大左·2020-08-22 11:05

【vue-cli 3.0】 vue.config.js配置 - 路径别名

如何配置vue-cli3中vue.config.js的路径别名？前段时间更新电脑重装了一下vue-cli，发现了vue-cli已经更新到3.0版。
fmain·2020-08-22 10:07

vue-cli3搭建项目详解

一、nodejs安装和淘宝镜像安装下载网站：https://nodejs.org/en/（一路next即可）查看node版本node-v永久使用淘宝镜像命令：npmconfigsetregistryhttps://registry.npm.taobao.org二、vue-devtools安装及使用vue-devtools是一款基于chrome浏览器的插件，用于调试vue应用，这可以极大地提高我们的
Yushia·2020-08-22 02:54

Vue-cli3 多入口项目，运行页面空白

单页面时没问题，改为多页面后运行页面空白，控制台提示：Theresourcehttp://localhost:6255/runtime~index.jswaspreloadedusinglinkpreloadbutnotusedwithinafewsecondsfromthewindow'sloadevent.Pleasemakesureithasanappropriateasvalueandit
Goodname·2020-08-22 02:54

Vue结合webuploader实现文件分片断点续传

根于公司业务，封装了底层的文件分片断点续传底层能力组件和带有前端交互的UI组件使用步骤1，本项目基于vue-cli3，在public下创建webUploader目录2，由于我司视频兼容能力业务需求，jQuery
唯梦想与好姑娘不可辜负·2020-08-21 16:36

[VUE-CLI3] 使用iview按需引入时 IE下提示无效字符

不使用iView提供的项目构建程序使用Vue-Cli3构建项目采用按需引入的方式使用iView在IE中运行会报如下错误win10IE11都不行如下图：解决办法：(适用于基于Vue-Cli3构建的项目)在项目根目录创建
perryliuPC·2020-08-21 15:10

vue-cli3更新有什么及分环境配置相关

一、更新有什么丰富的内置功能（1）目的:减少了现代前端工具的配置上；在工具链中加入最佳实践（2）核心目标：基于webpack4构建的预配置提供构建设置，最大限度地减少开发人员配置的次数（3）特点：*预配置webpack功能，例如模块热替换、代码拆分等；*可对ES2017进行转换和基于使用情况注入polyfill，（babel7+preset-env）*支持PostCSS（默认启用autoprefi
LLLLIANGS·2020-08-21 10:03

vue-cli3通过不同的打包命令生成测试或者正式的请求地址

工作中通常开发环境和正式环境使用的请求地址是不同的，大多数的做法是手动更改请求地址，但是手动的去更改导致错误的几率会更大，所以vue-cli3提供了‘环境变量与模式’（https://cli.vuejs.org
zhangyu_98·2020-08-21 07:46

vue-cli3 中引入 Jquery vue中配置Jquery

1.安装jquerynpminstalljquery--save或在package.json中指定版本号，然后运行npminstall命令"dependencies":{"jquery":"^3.4.1"}npminstall2.配置vue.config.js在vue.config.js中constwebpack=require('webpack')module.exports={configur
kara_zhang·2020-08-21 06:40

vue-cli3中使用骨架屏

目录一、背景二、生成方法1、page-skeleton-webpack-plugin插件2、vue-skeleton-webpack-plugin插件原理实现1）安装插件2）建立骨架屏组件Skeleton.vue3）建立骨架屏配置文件skeleton.js4）vue.config.js配置骨架屏组件Skeleton.vue的代码1）使用base64图片2）使用svg代码说在最后参考资料一、背景主要
WANNANANANA·2020-08-21 05:21

前端性能优化《二》：开启gzip压缩

目录一、背景二、认识gzip1、什么是gzip2、gzip工作原理3、哪些文件可以进行gzip压缩三、如何配置1、为什么前端要配置2、如何生成gzip文件四、检测网站参考资料一、背景在使用vue-cli3
WANNANANANA·2020-08-21 05:21

【效果显著】vue-cli3 vue 首屏加载速度优化 gzip压缩资源

加速效果在5-100倍诸君先过目下效果图安装webpack插件compression-webpack-pluginnpminstall--save-devcompression-webpack-plugin在vue.config.js中如下配置constCompressionWebpackPlugin=require('compression-webpack-plugin')constproduc
轻风凉晨·2020-08-21 04:28

vue-cli3搭建项目

一、nodejs安装和淘宝镜像安装下载网站：https://nodejs.org/en/（一路next即可）查看node版本node-v永久使用淘宝镜像命令：npmconfigsetregistryhttps://registry.npm.taobao.org二、vue-devtools安装及使用vue-devtools是一款基于chrome浏览器的插件，用于调试vue应用，这可以极大地提高我们的
Yushia·2020-08-21 04:04

vue-cli3搭建项目详解

一、nodejs安装和淘宝镜像安装下载网站：https://nodejs.org/en/（一路next即可）查看node版本node-v永久使用淘宝镜像命令：npmconfigsetregistryhttps://registry.npm.taobao.org二、vue-devtools安装及使用vue-devtools是一款基于chrome浏览器的插件，用于调试vue应用，这可以极大地提高我们的
Yushia·2020-08-21 04:29

vue笔记

vue笔记vue-cli3正式环境去掉console.logvue-cli3vuex数据持久化vue-cli3正式环境去掉console.lognpminstallterser-webpack-plugin
净土学修·2020-08-21 04:35

vue-cli 3分环境打包

在号称零配置的vue-cli3中，该如何配置呢？在vue-cli3的项目中，npm
LinkLiKang·2020-08-21 04:45

vue-cli3中使用阿里巴巴矢量图

介绍在vuecli中怎么使用阿里巴巴矢量图1.登录阿里巴巴矢量图库[https://www.iconfont.cn/]，如图7.引入打开vue项目所在目录此处是D:vuetest/src/assets(根据自己项目的实际情况写路径)在assets文件夹中新建icon文件夹9.使用进入vscode打开项目进入src—>assets–>icon中可以看到如下11.在html中使用先上效果图代码微信解析
灰太狼的情与殇·2020-08-21 04:56

vue-cli3 lib-flexible+postcss-pxtorem 适配pc端大屏分辨率

vue-cli3脚手架lib-flexible+postcss-pxtorem适配pc端大屏分辨率我的项目是cli3构建，iviewUI框架，UI设计稿是1920*10801.安装lib-flexiblepostcss-pxtorem
diuren1205·2020-08-21 03:00

vue-cli3 配置jquery

1、首先安装依赖npminstall--savejquery2、修改配置文件vue.config.jsa、在文件头部添加constwebpack=require('webpack')b、在module.exports中添加configureWebpackc、页面中引用main.js中引入“import$from'jquery'”（即入口文件，针对多页面框架的话就是每一个页面的入口wen）
cici_cmh·2020-08-21 03:02

在Vue中解决跨域问题

在vue里怎么解决在vue-cli3中现在已经没有config.js文件了，所以我们要自己手动创建一个cli3项目根目录下新建文件vue.config.js,注意不是src目录2.在新建的vue.config.js
jingyi·2020-08-21 03:31

【Vue-cli3开始】vue.config.js配置：将请求代理到本地mock的json数据

前后端的进度不统一，对于前端同学来说，往往需要自己mockjson数据来处理接口逻辑，或者直接将请求代理到后端同学的开发机上（如果后端同学ready的话）~vue-cli2的代理方法网上较多，这里就不介绍了~vue-cli3
Dlingling·2020-08-21 03:46

清新UI组件库——开发组件库准备

开发组件库准备清新组件库：http://ifresh-ui.yating.online/源码地址：https://github.com/Chenyating...准备vscode语言框架：vue，vuepress，vue-cli3
Chenyating·2020-08-21 03:09

前端性能优化《一》：vue-cli3中使用external进行cdn配置

目录一、背景二、作用三、基本用法第一步：vue.config.js中配置externals第二步：html中引入静态资源配置完成四、区分生产环境和开发环境第一步：vue.config.js中配置externals第二步：html中引入静态资源完成配置五、进一步优化vue.config.js配置html配置参考文章一、背景作为前端开发人员，在开发的时候，生产环境中会把js，css，图片等压缩，尽量减
WANNANANANA·2020-08-21 02:03

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

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

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

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

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

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

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

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

IDEA问题解决办法集合

目录一、部署tomcat时出现Noartifactsmarkedfordeployment二、maven依赖导入失败问题三、数据库版本低导致数据导入不了四、[vue-cli3的\[Vuewarn\]:Youareusingtheruntime-onlybuildofVuewherethetemplatecompiler
x-dragon8899·2020-08-21 00:01

vue-cli3携手rollup、github-actions打造自动部署的vue组件模板（使用篇）

前言旨在让开发者在开发时拥有享受组件开发一个长得还不错的demorollup类库打包工具对代码的抚摸eslint代码风格检查、自动格式化带来的快感github-actions把demo自动部署到gh-pages身上的一条龙服务。(接下来，我们携手...)进入正题假设项目经理提了个需求：要开发一个组件，名叫chaste-component。准备工作克隆项目gitclonehttps://github
blryli·2020-08-20 23:24

vue-cli3携手rollup、github-actions打造自动部署的vue组件模板（使用篇）

前言旨在让开发者在开发时拥有享受组件开发一个长得还不错的demorollup类库打包工具对代码的抚摸eslint代码风格检查、自动格式化带来的快感github-actions把demo自动部署到gh-pages身上的一条龙服务。(接下来，我们携手...)进入正题假设项目经理提了个需求：要开发一个组件，名叫chaste-component。准备工作克隆项目gitclonehttps://github
blryli·2020-08-20 23:24

vue-cli3项目打包后自动化部署到服务器

vue项目打包后,将文件复制到服务器显然是很麻烦，于是结合网上的资料，写下这篇自动化部署的记录。一、安装scp2npminstallscp2--save-dev二、写好脚本例如upload.js（下面任选一个即可）位置和package.json平级即可。简略版'usestrict'//引入scp2varclient=require('scp2');client.scp('./dist/',{//本
邢走在云端·2020-08-20 23:52

vue-cli3项目打包后自动化部署到服务器

vue项目打包后,将文件复制到服务器显然是很麻烦，于是结合网上的资料，写下这篇自动化部署的记录。一、安装scp2npminstallscp2--save-dev二、写好脚本例如upload.js（下面任选一个即可）位置和package.json平级即可。简略版'usestrict'//引入scp2varclient=require('scp2');client.scp('./dist/',{//本
邢走在云端·2020-08-20 23:52

Vue-Cli3—总结

一、使用Vue-Cli创建的Vue项目1.1、Vue项目的入口JS文件在src目录下的main.js中importVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'Vue.config.productionTip=falsenewVue({router,store,render
Mr_XiMu·2020-08-20 22:12
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他