@vue-cli3 第27页

vue-cli3 下通过 axios-mock-adapter 模拟接口，以及通过 mockjs 模拟数据

在前端开发中，我们总是需要模拟请求或者数据来做一些简单的调试，或者验证逻辑代码，下面我将用「axios-mock-adapter」插件来模拟请求首先我们先用「vue-cli3」创建一个项目「axios-mock

前端散打王·2020-06-26 08:29

初学vue-cli3.0+webpack+vue-router+elementUI后简单响应式静态页面的编写

关于vue-cli3的环境安装和工程创建可以参考：https://blog.csdn.net/qq_36407748/article/details/80739787由于代码还是不少而且不在一个文件中，

saberrrrrrrr·2020-06-26 06:28

vue-cli3配合element按需加载问题

1安装插件npminstallbabel-plugin-component-Dnpminstallbabel-preset-env-D//babel-preset-es2015已废弃2修改根目录babel.config.js文件module.exports={presets:["@vue/app",],plugins:[//element官方教程["component",{libraryName:

前端小菜鸟__简单·2020-06-25 23:25

在Vue-cli3中区分环境打包

在vue-cli3的项目中，npmrunserve时会把process.env.NODE_ENV设置为‘development’；npmrunbuild时会把process.env.NODE_ENV设置为

前端李小白·2020-06-25 23:24

Vue-cli3 开启gzip压缩

开启gzip压缩gzip是GNUzip的缩写，最早用于UNIX系统的文件压缩。HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。目前主流的浏览器，Chrome，firefox，IE等都支持该协议。常见的服务器如Apache，Nginx，IIS同样支持，gzip压缩效率非常高，通常可以达到70%的压缩率，也就是说，如果你的网页有3

每逢佳节掉三根.·2020-06-25 22:17

关于vue-cli3脚手架中静态资源引入问题

1.在入口html文件中使用把静态资源放在public下，此目录下资源都是不经过编译处理的，不要放置有es6的js文件常规导入目录结构发现控制台报以下错误此时我们要在导入地址前面加上js/iconfont.js"type="text/javascript">结果正常显示2.在vue文件的模板中使用静态资源首先配置vue.config.jsAPI文档2.1配置publicPathpublicPath

蔚蓝天空~·2020-06-25 20:17

Vue-cli3与TypeScript结合搭建项目初试

闲来无事，看到最近有3.0消息发布，而且TypeScript也要加入了所以开始手动实验了一波闲话少说，让我们开始GO第一步vuecreatemypro!!接下来才是正题选择第二个，自有选择不选默认，方便我们后面自有加想要的设置接下来我们可以根据自己的需求来选择，这里我们选Babel,TS,Router,VX,CSS，模块检查，测试CSS我们使用less编译测试我们使用Jest配置文件我们选择生成各

Eirice·2020-06-25 18:10

vue-cli2和vue-cli3 安装和项目创建

目录一，vue-cli2的安装和项目创建（一）安装vue-cli2（二）创建vue-cli2项目二，vue-cli3的安装和项目创建（一）vue-cli3的安装（二）vue-cli3项目创建1，用dos

~李疆·2020-06-25 17:58

vue-cli3 处理静态文件下载引用

问题：利用vue-cli3写的项目，有一个下载excel模板的功能，模板存放在前端本地，然后下载。

进了……·2020-06-25 17:41

vue-cli3首屏加载优化

首屏加载优化更新于2019-07-11项目基于vue2.x+vue-router+vuex+element-ui结合vue-cli3.0.背景和结果：项目上线完首屏加载比较慢，加载时间为11s+,优化之后加载时间控制在4s左右，打包体积从原来的5.76M变为2.54M。优化方向：1.组件按需加载。2.将图片压缩。3.cdn引入资源（vue,vuex,vue-router,组件库等）4.利用gzip

ethan.Yin·2020-06-25 16:20

手把手教你vue-cli3搭建项目实现移动端自适应----- flexible和 postcss-px2rem

1、安装flexible和postcss-px2rem自适应的开发方式下，仍然可以如此：你在设计图上量到的像素（px）是多少你就可以写多少px。很方便你开发项目哦有图有代码，简单明了npm同时装下面2个东西，你也可以分开装。npmilib-flexiblepostcss-px2rem--save先介绍一下flexible效果和作用flexible会为页面根据屏幕自动添加标签，动态控制initial

CSS大魔法师·2020-06-25 15:20

vue-cli3项目，浏览器运行正常，打包后页面空白报错，解决方案

vue-cli3创建的项目，打包后页面空白报错解决在你的项目里新建一个文件：vue.congif.js，是src的同级目录下创建，不是src里面创建文件哦！

CSS大魔法师·2020-06-25 15:20

Node Js+Vue+webpack+ElementUI 框架搭建从零开始

*温馨提示，这是vue-cli2的版本，vue-cli3以后对很多命令进行了更改，若需要创建脚手架3以后的项目，请查看我另外一篇博客https://blog.csdn.net/qq_37346639/article

不玩C++的前端是不合格Java·2020-06-25 12:58

vue learning

安装Vue-cli//全局安装vue-clinpminstall-g@vue/cli//安装vue-cli2.x模板（旧版本）vueinitwebpackmy-project//安装vue-cli3模板

你的宇哥哥·2020-06-25 10:40

前端学习之前端工程化(二)：Vue-cli3和Element-UI

文章目录一、vue脚手架:1.vue脚手架的基本使用:2.使用步骤:2.1安装3.x版本的vue脚手架:2.2基于3.x版本的脚手架创建vue项目2.2.1基于交互式命令行的方式,创建新版vue项目2.2.2基于图形化界面的方式,创建新版vue项目:2.2.3基于2.x的旧模板,创建旧版vue项目(了解):3.分析Vue脚手架生成的项目结构4.Vue脚手架的自定义配置:4.2通过package.j

浅弋、璃鱼·2020-06-25 09:43

vue-cli@3封装MockJs（vue项目模板封装系列）

前言上一期分享了如何在vue-cli3的框架中，封装Vuex。本期将分享如何在vue项目中添加Mock.js，并封装使用。

Web Boy·2020-06-25 09:18

vue项目模板封装系列之——vue-cli@3封装Axios

前言上一期分享了如何在vue-cli3的框架中，封装router并且通过element-ui框架自动生成网站导航栏。本期将分享如何在vue项目中添加Axios，并封装使用。

Web Boy·2020-06-25 09:18

vue-cli3项目在IE浏览器打开兼容问题

一.问题描述vue打包的项目在ie浏览器上，不能打开。找了一天的解决方案，解决一个又报一个兼容错误，一步一坑一步一填，终于解决了问题。我们需要了解的ie浏览器支持版本大于ie8。二.方案第一步：安装babel-polyfill依赖解决es6语法的兼容问题npminstallbabel-polyfill--save-dev在main.js文件中引用这个库，import‘babel-polyfill’

qq_35321405·2020-06-25 09:00

Vue-cli3 配置新项目到原有项目的子目录下

Vue-cli3配置新项目到原有项目的子目录下配置子目录最近开发的一个新项目放测试服发现各类请求一直报404，发现路径不对了，找了半天原因原来是我的项目被总架构放到了原有项目的一个子目录里。

GodSuno0·2020-06-25 07:22

vue通过引入js标签的方式在HTML上的组件写法，父子组件数据传递

使用HTML方式注册子组件，可以将子组件数据写在一个js文件中，用标签引入，然后将子组件对象置入components中LiveDemo在线示例LiveDemo提示不建议用HTML模式开发项目，建议使用vue-cli3

执笔看墨花开·2020-06-25 05:44

Vue-cli3 移动端底部导航实现思路

实现思路1.vue项目页面入口为App.vue文件(所有页面都将映射到该文件的中)2.初始化进入的页面为router.js文件中path:'/'所对应的页面(例如如下的Home.vue文件为初始页面)routes:[{path:'/',name:'Home',component:()=>import('./views/Home.vue'),meta:{title:'首页'}}]底部导航实现(此处全

非为000·2020-06-25 05:58

vue-cli3中配置alias和打包加hash值

1.之前在项目测试环境打包的时候，js文件打包出来没有hash值，但是生产环境打包出来却又hash值当时只配置了filenameHashing:true，这样是不够的后来在chainWebpack中配置config.output.filename('[name].[hash].js').end()，解决了该问题2.配置alias可以在引入文件的时候不用写很长的相对路径步骤：先引入path模块con

风中一品狼·2020-06-25 04:09

vue-cli3快速创建项目

文档：https://cli.vuejs.org/zh/guide/条件：npm更至最新node>=8.91.全局安装npminstall-g@vue/cli或yarnglobaladd@vue/cli2.查看版本/是否安装成功vue-Vimage.png3.在新文件夹下创建项目vuecreatemy-projectimage.png指向的vuecli3是因为上一次记录过的cli3配置，第一次执行

哈哈哦0·2020-06-25 04:37

17、vue-cli3 js项目中引入ts混用（typeScript）

说明：vue3.0搭建的项目，不过没有引入ts，后来需要用到一个插件是用ts写的，所以vue要用到ts。。。一、安装typescript及loadernpminstalltypescriptts-loader--save-dev二、安装vue-property-decoratornpminstallvue-property-decorator--save-dev三、配置vue.config.jsc

飞到还问情·2020-06-25 01:51

vscode中支持vue-cli3构建的项目eslint对vue文件的检测

中为了能让vscode能提示.vue文件中的js代码，我们引入了eslint-plugin-html这个eslint插件（使用方法参考VSCode环境下配置ESLint对Vue单文件的检测）最近开始使用vue-cli3

金子村码农·2020-06-25 01:23

使用vue-cli3搭建Vue+TypeScript项目

一、首先安装Vueclinpminstall-g@vue/cli#ORyarnglobaladd@vue/cli安装好，之后，可以使用vue--version查看下版本二、搭建项目及其配置vuecreate【项目名称】项目名称不要包含大写字母vuecreatename如果是第一次使用3.0版本，第一个选项可以忽略，只看后面两个default、Manuallydefault是默认配置Manually

qinyuHTML·2020-06-24 22:53

vue项目（vue-cli3）引入百度地图

第一步骤在index.html中写上注：如果服务器的访问协议是https，则以上src也需要改为https协议第二步骤在vue.config.js中写上第三步骤公用组件开发/*eslint-disable*/exportdefault{name:'theMap',data(){return{visible:true,location:{lng:'',lat:''},map:{},ac:{}}},m

笑笑菇凉·2020-06-24 22:07

Vue2.0 + Vue-cli3 新手入门

本文基于http://www.runoob.com/w3cnote/vue2-start-coding.html,并在学习过程中根据vue-cli3版本修改什么是Vue推荐先过一下vue的官方手册http

待鸣·2020-06-24 18:11

从0到1基于vue搭建后台管理项目

示例的代码地址：https://github.com/tyuqing/vue-admin1创建项目使用vue-cli3快速创建项目，具体的创建方法vue-cli官网上有说明。

布瑞泽的童话·2020-06-24 14:24

vue-cli3+element-ui+vuex+nodejs+mysql前端项目记录

项目配置：1.创建项目，并修改配置，详情查看博客完整的vue-cli3项目创建过程以及各种配置2.添加mysql组件npminstallmysql--s3.在项目根目录下创新server文件夹，保存服务端代码

mao_mao37·2020-06-24 13:33

使用vue-cli3开发项目，module.export为undefined，导致第三方库fecha无法使用

1.引用`importfechafrom“…/…/utils/date.js”，一直报错。2.调试date.js发现module.export为undefined，不走第一条件句。if(typeofmodule!=='undefined'&&module.exports){module.exports=fecha;}elseif(typeofdefine==='function'&&define.

maggie_live·2020-06-24 13:25

vue-cli3 配合 webpack 配置详解（vue.config.js）

综述：vue-cli3.0配置总结，与webpack搭配使用参考文章：https://blog.csdn.net/Hampton_Chen/article/details/88931567https://recomm.cnblogs.com/blogpost/10334865https://www.cnblogs.com/jiekzou/p/12923393.html1.组件全套配置及说明modu

programmer aloys·2020-06-24 11:59

Vue-cli3集成视频流媒体播放器EasyPlayer.JS报EasyPlayer.swf Not Found错误如何解决？

在Vue-cli3项目引入网页视频流媒体播放器EasyPlayer.JS一文中，我们解决了videojs报错的问题，除了videojs报错之外，还有一个问题，我们本文就来说一下。

TSINGSEE·2020-06-24 09:00

uni-app学习笔记--浏览vue-cli创建uni-app模板的文件结构

因为本人在学习之前有使用过vue-cli来创建项目，在这里直接使用vue-cli3来快速创建项目的目录框架，选用的模板使用uni-app，目录结构如下所示这里重点浏览src文件，其他文件在用过vue开发项目的同志来说基本都知道

lruixuan·2020-06-24 09:18

[ npm ] 发布属于自己的包——我的vue组件ui库 (use vue-cli3)

前置步骤：使用vue-cli3创建项目。

ljw1412·2020-06-24 07:09

vue或者vue-cli3项目用ivew组件库的tree组件时遇到的菜单展开问题

vue-cli3项目用ivew组件库的tree组件时遇到的菜单展开问题根据官网上说的,只需要将每个需要展开的菜单命名,然后用open-names将要展开的菜单的名称写在后面的数组里即可,如图所示:2.在各种排查后

liuliu3636·2020-06-24 06:56

vue /vue-cli3 项目调用自己封装的js文件

1.在入口文件main.js中引入js文件,然后挂载到vue的原型上://引入公共jsimportmessageboxfrom"../myJs/messagebox.js"importpublicmethodsfrom"../myJs/publicmethods"Vue.prototype.messagebox=messagebox;Vue.prototype.publicmethods=publ

liuliu3636·2020-06-24 06:56

vue-cli-service build 环境设置

原文链接：vue-cli-servicebuild环境设置使用vue-cli3打包项目，通过配置不同的指令给项目设置不一样的配置。

lambertLin·2020-06-24 05:21

vue-cli3.0安装element-ui组件及按需引入element-ui组件

在VUE-CLI3下的第一个Element-ui项目（菜鸟专用）上面这个链接是vue-cli3.0安装element-ui的详细过程，如果想要按需引用看下面的1.引入vueaddelementHowdoyouwanttoimportElement

冰雪为融·2020-06-24 04:27

vue实战开发005:解决Vue-cli3中的Eslint报错

今天用之前vue-cli3搭建的项目开始进行开发，发现每次启动服务时都会弹出编译错误，我就简单的写了两个页面，在layout.vue中引入了header.vue（里面基本没什么内容），然后根据提示去查看代码

ProgramNotes·2020-06-24 00:20

vue-cli3 安装创建项目以及目录结构

安装脚手架cli3.0全局安装npminstall-g@vue/cli或yarnglobaladd@vue/cli查看版本/是否安装成功vue-V如果你仍然需要使用旧版本的vueinit功能，你可以全局安装一个桥接工具npminstall-g@vue/cli-initvueinitwebpackmy-project创建项目在想要的件夹下面创建项目vuecreatemy-project如果之前创建过

胡椒粉0121·2020-06-23 15:31

vue-cli3中如何使用axios获取本地的json数据

首先我们要确定json数据存放的位置，在vue-cli3中，存放静态资源的位置已经变成存放在public文件夹中了，如下图。所以如果要获取本地的json数据，那么首先要把数据放到这个文件夹下。

danzzzz·2020-06-23 15:17

Vue-cli3基于webpack + prerender-spa-plugin + vue-meta-info的seo优化

不过vue也提供了对于网页预渲染的一些解决方案，提高网站的seo的优化本文只提供vue-cli3的解决方案使用webpack+prerender

颂温暖·2020-06-23 13:35

Vue2 多环境打包和运行指令配置

网上查了下vue-cli3和vue-cli2的配置方法不一样，我这次使用的是vue-cli2。

fanlcwowo·2020-06-23 07:32

基于Vue-cli3的Karma + Mocha + Chai + Vue Test Utils的前端测试框架

文章目录工具简介KarmaMochaChaiVueTestUtils构建单元测试项使用cli3构建项目集成karma编写测试用例运行测试用例问题使用Vue-cli3自动搭建的测试环境，没有集成karma

懒牛不爱梳毛·2020-06-23 04:03

用vue-cli+Electron开发一个跨平台的桌面应用____篇一（搭建vue项目、安装electron）

1.安装vue-cli3（这里使用的是yarn，进行这一步的前提是安装好node和yarn）yarnglobaladd@vue/clivue--version（此命令意在查看vue的版本，可确认是否安装成功

ddx2019·2020-06-23 03:59

11. 基于Vue+Element+nodeJs+Express+MySql后台管理系统-vue.config.js 配置

Vue-cli3搭建的项目,之所以界面想对之前较为简洁,因为webpack的配置均被隐藏了，当你需要覆盖原有的配置时，则需要在项目的根目录下，新建vue.config.js文件，来设置新的配置。

竹立荷塘·2020-06-23 02:19

基于vue-cli4构建的web app

基于vue-cli4构建的图表类webapp写在前面项目介绍源码开发&使用plop部署写在前面从vue-cli3开始，vue-cli脚手架工具有了一个很大跨越，带来了全新的开发体验，和简约的配置方案，甚至有了可视化的界面操作

Never Yu丶·2020-06-23 00:22

vue项目目录结构

本文介绍的是使用vue-cli3创建的项目，这里记录我的习惯，大家可自行修改，并希望给出更好的见意，下面进入正题。一、目录结构图首先展示一下整体结构，如果不符合大家的预期，就不需要往下看了。

cs380637384·2020-06-23 00:23

vue请求接口获取数据的实现及跨域问题

前言本文基于vue-cli3。一、通过api接口获取数据在vuejs中请求接口，大体分为两种方式：vue-source和axios。它们都是经过良好封装的http请求插件。下文将简单介绍一下使用方法。

浅浅Chen·2020-06-22 22:32

推荐频道

@vue-cli3