vue脚手架安装卸载及项目搭建

1、安装脚手架

//不指定版本默认安装最新的
npm install -g @vue/cli //或者 yarn global add @vue/cli

//指定2.x.x版本
npm install -g vue-cli@2.x.x // 或者 yarn global add vue-cli@2.x.x

//指定3.x.x版本
npm install -g @vue/cli@3.x.x //或者 yarn global add @vue/cli@3.x.x

//指定4.x.x版本
npm install -g @vue/cli@4.x.x //或者 yarn global add @vue/cli@4.x.x

查看脚手架安装版本

vue -V //或者 vue --version

2、卸载脚手架

//卸载3以下版本
npm uninstall -g vue-cli //或者 yarn global remove vue-cli
//卸载3以上版本
npm uninstall -g @vue/cli //或者 yarn global remove @vue/cli

3、脚手架搭建项目

1、安装node

官网下载node https://nodejs.org/en/download/下载后可以一直next安装完成后打开cmd输入

node -v

npm -v

查看是node和npm否安装成功，可以看到版本号即为安装成功

2、搭建项目

此处默认已经安装脚手架

（1）基于vue-cli搭建项目

先安装webpack

npm install -g webpack

webpack -v //查看是否安装成功

使用 vue init webpack my-project(项目名) 根据提示完成项目搭建

（2）基于@vue/cli搭建项目

使用 vue create my-project(项目名)选择自定义还是使用默认模板

选择自定义按需选择即可，上下方向移动，空格选中/取消

然后回车如下选择后回车等待安装搭建完成