vue
vue打包命令 :vue run build
vue脚手架搭建:npm install -g @vue/cli
npm install
是用来安装项目中所需的所有依赖项的命令
总的来说,@vue/cli
是 Vue CLI 的工具集,用于全局安装以便在命令行中使用,而 @vue/cli-service
是 Vue CLI 的一个核心服务模块,用于在项目中执行开发任务。通常情况下,你会在全局安装 @vue/cli
,并且在项目中安装 @vue/cli-service
作为项目的开发依赖项。
vue-cli-service和@vue/cli之间存在一些关键区别。
首先,vue-cli-service是一个Vue.js CLI命令,它主要用于在本地开发环境下运行一个开发服务器。通过这个命令,开发者可以在浏览器中查看和测试他们的Vue.js应用程序。vue-cli-service在开发期间提供了许多实用的功能,如自动重载和热模块替换。执行vue-cli-service serve命令后,它将查找项目的入口点(通常是src/main.js文件),并使用webpack-dev-server在本地启动一个开发服务器。在开发过程中,当代码发生变化时,服务器会自动重新编译代码并刷新浏览器页面,使开发者能够立即看到修改的效果。
另一方面,@vue/cli是一个基于Vue.js的快速开发系统。它提供了交互式的项目脚手架,允许开发者通过命令(如vue create)快速搭建新项目,或者直接通过vue serve命令构建新想法的原型。此外,@vue/cli还提供了一个丰富的官方插件集合,集成了前端生态中最好的工具,并提供了一套完全图形化的创建和管理Vue.js项目的用户界面。在版本方面,@vue/cli是Vue CLI 3.x版本的脚手架,而vue-cli是2.x版本的脚手架。
总结来说,vue-cli-service主要是用于在本地开发环境中运行和测试Vue.js应用程序的命令,而@vue/cli则是一个更全面的快速开发系统,提供了从项目创建、管理到插件集成的全方位支持。这两者在Vue.js的开发过程中都扮演着重要的角色,但它们的功能和用途有所不同。
scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
// ... 其他脚本
}