@vue/cli 和 vue-cli

两者的关系

  1. vue-cli 其实是 @vue/cli 的前身,旧版本的Vue CLI 的包名叫 vue-cli ,新版本的Vue CLI 的包名叫 @vue/cli

两者的区别

  1. 对环境的要求不同,@vue/cli4.x 要求 node为 8.9 以上
  2. 创建项目的命令不同。
# @vue/cli
vue create hello-world
# vue-cli
vue init webpack hello-world 
  1. 对应的vue版本不同。@vue/cli 安装的是vue3 , vue-cli 安装的是vue2

两者如何共存

使用npx 来控制当前项目的版本。下面以vue-cli为例
流程:

  • 查看可以安装的版本
npm view vue-cli versions

image

  • 安装vue-cli
npm install vue-cli@2.9.6
  • 使用vue-cli 创建项目
npx vue init webpack demo

image

  • 运行项目
cd demo
npm run dev

image

posted @ 2022-05-04 23:32  拉布拉多~  阅读(879)  评论(0编辑  收藏  举报