vue-cli2.x 和 3.x 的全局安装与本地安装

一 :vue-cli全局安装

    vue-cli 2.x 全局安装

    npm install -g vue-cli

    vue-cli 3 全局安装(安装之前需要全局卸载vue-cli2)

    npm install -g @vue/cli

    使用 vue create + 项目名 来创建一个项目(后续略)

二 : vue-cli 本地安装(忽略全局安装的vue-cli版本,只为当前本地环境安装制定版本cli工具)

    vue-cli2:(默认当前全局安装的vue-cli版本是3.x 或者并没有全局安装任何 vue-cli)

    npm install --save-dev vue-cli (vue-cli2)

    执行完上述命令后,会在当前目录下创建

    vue-cli2.x 和 3.x 的全局安装与本地安装_第1张图片

 

    对于本地安装的vue-cli,当执行  vue init webpack + 项目名 时;

    如果全局安装有vue-cli3,会报如下错误:

    

    提示我们全局安装vue-cli;但是我们的初衷就是不想安装全局的vue-cli;

    如果全局并没有安装vue-cli,报如下

    

    此时,我们执行  ./node_modules/.bin/vue init webpack + 项目名

    

    出现了我们熟悉的项目配置选项,按照提示我们就可以完成项目的初始化了。

    @vue/cli 3

    npm install --save-dev @vue/cli (vue-cli3)

    创建项目类似vue-cli2本地安装

    拓展 : npx 的使用 https://blog.csdn.net/csdn_yudong/article/details/81670477#npx_1

你可能感兴趣的:(vue)