Vue-cli2/cli3/cli4

Posted 2020-12-19 yangchin9

ps：如果之前安装有cli2需要先卸载cli2才能安装cli3/cli4

cli2、cli3、cli4安装与项目创建区别

1、安装、卸载

cli2

全局安装：npm install vue-cli -g
全局卸载：npm uninstall vue-cli -g

cli3/cli4

全局安装：npm install @vue/cli@版本号 -g
全局卸载：npm uninstall @vue/cli@版本号 -g

// @vue/cli后面不指定版本号则默认安装cli4最新版

注：原cli3的安装指令为@vue/cli，因为cli4的出现同样使用了@vue/cli，所以想要安装3的版本，就需要在@vue/cli后面加上@版本号（例：npm install -g @vue/cli@3.11.0）。 查看版本号：https://github.com/vuejs/vue-cli/blob/dev/CHANGELOG.md#.

2、创建项目

demo是自定义的项目名称 不能使用大写字母

cli2

vue init webpack demo  

cli3/cli4

vue create demo

 

3、项目结构

 

4、项目启动