Vue CLI

介绍

该系统的组件

CLI

CLI 服务

CLI 插件

—————————————————————————————————————————————————

安装

—————————————————————————————————————————————————

基础

快速原型开发

创建一个项目

vue create

使用图形化界面

拉取 2.x 模板 (旧版本)

插件和预设配置

插件

在现有的项目中安装插件

项目本地的插件

预设配置

预设配置插件的版本管理

允许插件的命令提示

远程预设

加载文件系统中的预设配置

CLI 服务

使用命令

vue-cli-service serve

vue-cli-service build

vue-cli-service inspect

查看所有的可用命令

缓存和并行处理

Git Hook

配置时无需 Eject

—————————————————————————————————————————————————

开发

浏览器兼容性

browserslist

Polyfill

useBuiltIns: 'usage'

构建库或是 Web Component 时的 Polyfills

现代模式

HTML 和静态资源

HTML

Index 文件

插值

Preload

Prefetch

不生成 index

构建一个多页应用

处理静态资源

从相对路径导入

URL 转换规则

public 文件夹

何时使用 public 文件夹

CSS 相关

引用静态资源

预处理器

自动化导入

PostCSS

CSS Modules

向预处理器 Loader 传递选项

webpack 相关

简单的配置方式

链式操作 (高级)

修改 Loader 选项

添加一个新的 Loader

替换一个规则里的 Loader

修改插件选项

审查项目的 webpack 配置

以一个文件的方式使用解析好的配置

环境变量和模式

模式

示例：Staging 模式

在客户端侧代码中使用环境变量

只在本地有效的变量

构建目标

应用

库

Vue vs. JS/TS 入口文件

Web Components 组件

注册多个 Web Components 组件的包

异步 Web Components 组件

部署

通用指南

本地预览

使用 history.pushState 的路由

CORS

PWA

平台指南

GitHub Pages

GitLab Pages

Netlify

Render

Amazon S3

Firebase

ZEIT Now

Stdlib

Heroku

Surge

Bitbucket Cloud

Docker (Nginx)