当前位置: 首页 > Web前端 > vue.js

VueCLI插件Plugins

时间:2023-04-01 02:00:09 vue.js

pluginsVUECLI使用基于插件的架构。如果我们检查新建项目的package.json,我们会发现以@vue/cli-plugin-开头的依赖项。插件可以修改内部webpack配置并向vuecli服务中注入命令,而在项目创建过程中列出的大部分功能都是作为插件实现的。基于插件的架构使得VUECLI更加灵活和可扩展。在现有项目中安装插件每个CLI插件都带有一个生成器(用于创建文件)和一个运行时插件(用于调整核心webpack配置和注入命令)。当我们用vuecreate新建一个项目时,它会根据我们选择的功能,为此预装一些插件。如果你想将插件安装到创建的项目中,你可以使用以下vueadd命令来安装它:vueaddeslint这个命令将调用插件的文件生成器,并可能对现有文件进行更改,因此我们可以提交它是当前的使用vueadd运行项目之前的状态。vue/eslint命令解析为完整的包名:@vue/cli-plugi-eslint,从npm安装它,并调用它的生成器。(如果没有@vue前缀,该命令被解析为unscopedpackage)vueaddcli-plugin-eslint对现有项目使用vue-cli-service安装:npmi-D@vue/cli-serviceinpackage引入.json中vuePlugins对象的service字段对应的js文件,用于注册watch命令文件,自己命名,放在根目录下。然后在终端输入npmrunwatch,看watch命令的输出是否注册成功,判断是否完成。最后,我们可以通过运行npxvue-cli-servicehelp查看vue-cli-service下的所有命令,查看是否添加了之前执行的watch命令。链接:https://www.9xkd.com/