vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

时间: 2023-04-28 21:05:42 浏览: 57

vue-cli系列之vue-cli-service整体架构浅析

在探讨Vue-CLI服务的核心组件vue-cli-service的整体架构之前，我们先了解Vue-CLI。Vue-CLI是一个基于Vue.js进行快速开发的完整系统，它提供了终端中友好的脚手架，允许开发者快速搭建项目模板。vue-cli-service是这个系统中的一个核心组件，它负责处理所有与构建配置相关的工作。 ### 关于vue-cli-service vue-cli-service提供了一些命令，比如我们常用的`npm run serve`来启动开发服务器，`npm run build`来进行生产环境的构建。这些命令是通过vue-cli-service服务来运行的，它内部使用了Webpack作为其默认的构建工具。 ### vue-cli-service的运行机制在执行`npm run serve`时，实际上是在调用vue-cli-service的`serve`命令。它首先会执行一系列检查，确保当前Node.js版本符合Vue-CLI的要求。如果不满足，则会打印出错误信息并终止启动过程。 #### Node.js版本检查在`vue-cli-service.js`文件中，可以看到对当前Node.js版本的检查代码。它使用`semver`包来检查当前Node.js版本是否符合`package.json`中声明的版本。如果不满足，将会输出错误信息并退出程序。 ```javascript const semver = require('semver'); const requiredVersion = require('../package.json').engines.node; if (!semver.satisfies(process.version, requiredVersion)) { error( `You are using Node ${process.version}, but vue-cli-service ` + `requires Node ${requiredVersion}.\nPlease upgrade your Node version.`); process.exit(1); } ``` #### vue-cli-service实例化在Node.js版本检查无误后，vue-cli-service会实例化Service类。实例化时，它会接受一个上下文参数，这个上下文通常是项目根路径，可以通过`process.cwd()`获得。 ```javascript const service = new Service(process.env.VUE_CLI_CONTEXT || process.cwd()); ``` #### 参数处理在创建Service实例后，程序会处理命令行传入的参数。这里使用了`minimist`库来解析参数，并将其转换为布尔值等。 ```javascript const rawArgv = process.argv.slice(2); const args = require('minimist')(rawArgv, { boolean: [ // build 'modern', 'report', 'report-json', 'watch', // serve 'open', 'copy', 'https', // inspect 'verbose' ] }); const command = args._[0]; ``` #### 运行Service实例一旦参数被正确处理，程序会调用Service实例的`run`方法，并将命令名称和参数传递给它。如果运行的是`serve`命令，那么`command`将会是`serve`。 ```javascript service.run(command, args, rawArgv).catch(err => { error(err); process.exit(1); }); ``` ### Service类的内部逻辑 `Service`类是vue-cli-service的核心，负责协调整个构建过程。其构造函数接受项目上下文、插件、包信息等参数。它还负责加载环境变量、初始化Webpack配置、注册插件等。 ### Webpack配置 vue-cli-service内部使用了Webpack，这意味它也需要处理Webpack配置的问题。配置被存储在`webpack-chain`的实例中，提供了链式调用的API，使得修改配置变得更为直观和容易。 ### 插件系统 vue-cli-service允许通过插件来扩展其功能。它使用`PluginAPI`类来管理插件。每个插件被赋予`PluginAPI`实例，这个实例提供了访问内部服务的接口。 ### 总结通过上述内容，我们可以看到vue-cli-service提供了一个强大而灵活的架构，使得Vue项目开发更加高效。它在内部使用Node.js和Webpack，同时提供了一个插件系统来扩展功能。开发者可以通过配置和插件来实现各种构建需求。对于理解Vue项目构建过程和配置优化，熟悉vue-cli-service是必不可少的。

这是因为系统找不到 "vue-cli-service" 的可执行文件。请确保你已经全局安装了 vue-cli，并且在命令行窗口中正确配置了环境变量。可以尝试在命令行窗口中使用 "npm install -g vue-cli" 来重新安装 vue-cli。

阅读全文

vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

相关推荐

vue-cli-service深度解析：启动关键与核心代码

Vue.js项目搭建：vue-cli下载、安装与运行全攻略

'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

> vue-admin-template@4.4.0 serve > vue-cli-service service 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

> vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

$ vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

vue-cli-service serve --open 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

vue-cli-service serve --open 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

cs-forest@0.1.0 publish > vue-cli-service build && vue-cli-service build --mode test 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

vue-blog@2.4.0 build > vue-cli-service build 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

> dev > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

$ vue-cli-service electron:serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

> vue-demo@0.1.0 serve > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

> vue-ego@0.1.0 serve > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

> app-ma0.1.0 serve > vue-cli-service serve vue-cli-service’不是内部或外部命令，也不是可运行的程序或批处理文件。 ps D: vip vue-cli3 demo>

> vue-antd-jeecg@2.4.6 serve > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

> vue-element-admin@4.4.0 dev > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

最新推荐

毕业设计&课设_百脑汇商城管理系统：Java 毕设项目.zip

JHU荣誉单变量微积分课程教案介绍

管理建模和仿真的文件

【实战篇：自定义损失函数】：构建独特损失函数解决特定问题，优化模型性能

如何在ZYNQMP平台上配置TUSB1210 USB接口芯片以实现Host模式，并确保与Linux内核的兼容性？

Naruto爱好者必备CLI测试应用

"互动学习：行动中的多样性与论文攻读经历"

【强化学习损失函数探索】：奖励函数与损失函数的深入联系及优化策略

如何在Springboot后端项目中实现前端的多人视频会议功能，并使用Vue.js与ElementUI进行界面开发？

Android应用显示Ignaz-Taschner-Gymnasium取消课程概览

vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

> vue-admin-template@4.4.0 serve > vue-cli-service service 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

> vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

$ vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

vue-cli-service serve --open 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

vue-cli-service serve --open 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

cs-forest@0.1.0 publish > vue-cli-service build && vue-cli-service build --mode test 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

vue-blog@2.4.0 build > vue-cli-service build 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

> dev > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

$ vue-cli-service electron:serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

> vue-demo@0.1.0 serve > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

> vue-ego@0.1.0 serve > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

> vue-antd-jeecg@2.4.6 serve > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

> vue-element-admin@4.4.0 dev > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。