使用vue-cli构建 webpack打包工具时，生产环境下，每次build时，删除dist目录，并重新生成，以防dist目录文件越来越多。
首先，需要使用webpack的插件CleanWebpackPlugin，安装命令如下：npm install --save-dev clean-webpack-plugin其次，需要在生产环境提供的文件：build/webpack.prod.conf.js的plugins节点下添加如下代码： new...
vue-cli使用swiper4在ie以及safari报错
通过vue-cli构建的项目，通过npm run swiper --save-dev安装的是swiper4版本的插件，但是这样安装以后在谷歌火狐等浏览器都可以正常运行，但是在safari浏览器（可能是版本太低）还有ie（9,10,11）打开会报错，页面空白，报的错是SyntaxError: Use ...
vue-cli proxyTable中跨域中pathRewrite 怎么用
问：proxyTable 里面的pathRewrite里面的‘^/iclient’:'' 什么意思？答：用代理, 首先你得有一个标识, 告诉他你这个连接要用代理. 不然的话, 可能你的 html, css, js这些静态资源都跑去代理. 所以我们只要接口用代理, 静态文件用本地.'/iclient'...
使用vue-cli快速搭建大型单页面应用开发环境
工作环境:terminal,已经全局安装了vue(可使用npm install -g vue)全局安装vue-clinpm install -g vue-cli创建一个基于webpack模板的项目npm init webpack my-demo打开my-demo目录,安装开发依赖cd my-demo...
pre-commit 钩子，代码质量检查：在 vue-cli 3.x 版本中，已经使用尤大改写的yorkie，yorkie实际是fork husky，然后做了一些定制化的改动，使得钩子能从package.json的 "gitHooks"属性中读取
pre-commit 钩子，代码质量检查：在 vue-cli 3.x 版本中，已经使用尤大改写的yorkie，yorkie实际是fork husky，然后做了一些定制化的改动，使得钩子能从package.json的 "gitHooks"属性中读取。出处：https://github.com/ZSI2...
基于vue-cli，sass，vant的移动端项目
项目架构开始vue init webpack 项目名称 //新建项目,cd进入新项目npm install axios //先安装！npm install --save axios vue-axios //然后！npm install ...
手撕vue-cli配置文件——config篇
最近一直在研究webpack，突然想看看vue-cli中的webpack是如何配置，查阅了很多相关的文章，所以也想出几篇关于vue-cli配置的东西。正所谓“工欲善其事必先利其器”嘛！这一篇主要是分析vue中关于config文件夹中的相关代码；首先我们先看一下config的文件结构：|-config...
使用vue-cli脚手架初始化Vue项目下的项目结构
概述vue-cli是Vue 提供的一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。使用vue-cli有以下几大优势：vue-cli是一套成熟的Vue项目...
vue-cli关闭eslint及配置eslint
有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，在开发过程中一直报错，有点烦人了。我们可以在创建工程的时候选择不要安装eslint。就是在安装工程的时候，出现【Use ESLint to lint your code?】时选择【No】即可。如果你已...
vue-cli 体验
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli一、 安装 node.js首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载...
vue-cli工具搭建vue-webpack项目
1.安装node环境下载地址 https://nodejs.org/en/download/node -v 安装成功后在命令行查看node版本npm-v 安装成功后在命令行查看npm版本2.用npm全局安装工具vue-clinpm install vue-cli -g3.使用vue-cli初...
Vue-Cli 3.0 中配置高德地图
vue 中使用高德地图有两种方式一、vue-amap 组件官网： https://elemefe.github.io/vue-amap/#/开始的时候是打算用这个组件做地图功能的，但是尝试之后存在些问题，所以就放弃了，可能是我的使用方式不对。我所遇到的问题： 1. 安装之后使用，始终提示跨域问题。 ...
vue-cli项目中使用全局过滤器及传参(日期格式化)
// 过滤日期格式，传入时间戳，根据参数返回不同格式const formatTimer = function(val, hours) { if (val) { var dateTimer = new Date(val * ); var y = dateTimer.g...
Vue-cli中使用vConsole，以及设置JS连续点击控制vConsole按钮显隐功能实现
最近发现了一个鹅厂的仓库，实现起来比我这个方便[捂脸]。https://github.com/AlloyTeam/AlloyLever一、vue-cli脚手架中搭建的项目引入vConsole调试1.首先npm安装，大家都懂的。npm install vconsole2.在合适的地方新建一个文件vco...
vue-cli脚手架项目按需引入elementUI
https://www.jianshu.com/p/40da0ba35ac1Couldn't find preset "es2015" relative to directory问题解决 https://www.cnblogs.com/weizaiyes/p/7462274.html
Vue(四)之webpack和vue-cli
01-webpack介绍官方文档：https://www.webpackjs.com/concepts/本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(depende...
vue-cli 项目实现路由懒加载
在vue 单页应用中，如果路由不实现懒加载，那么打包出来的文件将会非常大，加载也会非常慢。vue-router 官网也有相应的介绍，但是具体怎么去实现还是讲的比较模糊的，下面将一步步讲解配置路由懒加载。先看一下依赖版本：webpack 3.6.x, vue 2.5.x, babel 6.x使用vue...
前端MVC Vue2学习总结（七）——ES6与Module模块化、Vue-cli脚手架搭建、开发、发布项目与综合示例
使用vue-cli可以规范项目，提高开发效率，但是使用vue-cli时需要一些ECMAScript6的知识，特别是ES6中的模块管理内容，本章先介绍ES6中的基础与模块化的内容再使用vue-cli开发vue项目。一、ECMAScript6概要ECMAScript是一种由Ecma国际（前身为欧洲计算机...
element-ui和npm、webpack、vue-cli搭建Vue项目
一、element-ui的简单使用1、安装1. npm 安装推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。npm i element-ui -S2. CDN目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文...
vue-cli中圣杯布局失效问题
众所周知vue2在前端框架越来越流行，vue-cli这个脚手架工具是我们前端开发必用的，大大的提升了我们的开发效率。当然对于前端小白来说，有些遇到的问题需要和大家分享一下。移动端页面经常都是需要圣杯布局的，可是当静态页面拆分成组件编译以后，往往圣杯布局会失效，以下 是我的解决思路。1.首先在App....