本文代码仅针对 Vue CLI 3.x 生成的项目有效，但是在第二步配置的时候，可以直接配置 webpack.externals，所以本引入思路是通用的，并不局限于该项目

首先还是谢谢各位童鞋的大大的赞赞，你们的支持是我前进的动力！上周写了一篇从0到1搭建element后台框架，很多童鞋留言提到权限问题，这一周就给大家补上。GitHub

安装Vue-cli3.x的前置条件：Node.js以Windows为例安装Node.js,百度 “Node.js官网” 或”Node.js中文网”均可 ,如无特殊要求 下载安装 LTS版（长期支持版，该版本已满足Vue CLI官网所需要求版本要求）一路Next即可，…

css：sass支持、normalize.css、_mixin.scss、_variables.scss

这个demo我是模仿Vue-CLI 2.0写的一个简单的构建工具，3.0的源码还没去看，所以会有不同的地方。

CDN加速是Web应用性能优化和用户体验提升的至关重要的一环，当一个项目构建部署时，就需要考虑到如何高效的去完成相关资源的CDN部署。

效果如图所示: 一、 在项目index.html同级目录下添加favicon.ico文件 二、 在项目index.html中引入 {代码…} 三、 配置webpack配置文件(build文件夹下面) 在下面两个配置文件中加入: {代码…} 具体位置： 1.web…

Vue脚手架升级到3后，生成的项目结构有了一些改变，最近做的一个项目用了新版的脚手架，借此，记录一下如何配置实现分环境配置请求不同的后端service地址。

注：vue-cli需要要8.9+版本，我使用的n模块，进行node版本管理。因为之前曾经安装2.x版本 所以先执行卸载

项目里边准备试试html5的录音。然后调研一波，发现大坑：必须使用HTTPS才能录音。然后就想着本地模拟HTTPS录音。项目用的vue-cli3，折腾一波，发现开启非常简单：