Vue CLI 插件 Plugins

Vue CLI采用插件化的体系结构,提供灵活性和可扩展性。新项目会预装一些插件,而在现有项目中安装插件可使用`vue add`命令。每个插件包含生成器和运行时部分,影响webpack配置并注入命令。要安装插件,需先确保项目文件未改动,然后使用`vue add `,并在`vue.config.js`中引入并注册插件,最后通过`vue-cli-service help`检查命令是否生效。
摘要由CSDN通过智能技术生成

插件Plugins

VUE CLI 是使用是基于插件的体系结构的。

如果检查新创建的项目的 package.json ,我们将发现以 @vue/cli-plugin- 开头的依赖项。插件可以修改内部webpack配置并将命令注入vue cli 服务,同时在项目创建的过程中列出的大多数特性都是作为插件实现的。

基于插件的体系结构它使得VUE CLI 也更具有灵活性和可扩展性。

在现有项目中安装插件

每个CLI插件都附带有一个生成器(用于创建文件)和一个运行时插件(用于调整核心webpack配置并注入命令)。当我们用 vue create创建新项目时,它将根据我们选择的功能为此预安装一些插件,如果要将插件安装到已创建的项目中,可以使用以下 vue add 命令进行安装:

vue add eslint 

该命令将调用插件的文件生成器,并可能对现有文件进行更改,因此我们在运行项目前可以提交它的当前状态 vue add

vue/eslint 命令解析为 完整的软件包名称:@vue/cli-plugi-eslint,从npm安装它,并调用其生成器。(如果没有@vue前缀,该命令则解析为无作用域的软件包)

v
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值