安装了vue-cli 3.x 后如何使用 vue-cli 2.x

在安装之前我们需要确保 Nodejs 的版本 >= 8.9 或更高版本 (推荐 8.11.0+)

安装 vue-cli3.x 用以下命令，-g 的意思是全局安装

  cnpm install -g @vue/cli

安装完成后使用以下其中一条命令看是否安装成功

  vue --version
  // 或者用下面的命令也可以
  vue -V

如果成功了会出现版本号

vue 版本号.png
以下的命令语句比较关键，Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。我们需要安装一个桥接工具才能使用 vue-cli 2.x创建项目

  npm install -g @vue/cli-init

安装完成后我们用 vue-cli 2.x 创建一个项目

  vue init webpack my-project

然后你会看到有需要选择或者输入的地方，如果不需要或不想填写可以一直按回车，然后等待项目构建完成。

完成后的目录如下：

vue-cli 2.0 项目目录.png

然后使用以下命令进入 my-project 目录

  cd my-project

最后运行项目了

  npm run dev

运行成功后在浏览器打开以下网址

  http://localhost:8080/#/

你将看到以下页面

如果显示正确证明创建项目成功

如有不对的地方或更好的方法请指出，感谢您的阅读