@vue/cli 和 vue-cli
两者的关系
- vue-cli 其实是 @vue/cli 的前身,旧版本的Vue CLI 的包名叫 vue-cli ,新版本的Vue CLI 的包名叫 @vue/cli
两者的区别
- 对环境的要求不同,@vue/cli4.x 要求 node为 8.9 以上
- 创建项目的命令不同。
# @vue/cli
vue create hello-world
# vue-cli
vue init webpack hello-world
- 对应的vue版本不同。@vue/cli 安装的是vue3 , vue-cli 安装的是vue2
两者如何共存
使用npx 来控制当前项目的版本。下面以vue-cli为例
流程:
- 查看可以安装的版本
npm view vue-cli versions
- 安装vue-cli
npm install vue-cli@2.9.6
- 使用vue-cli 创建项目
npx vue init webpack demo
- 运行项目
cd demo
npm run dev