# 4、Vue脚手架 # 4.1 Vue脚手架的基本用法 Vue脚手架用于快速生成Vue项目基础架构,其官网地址为:[https://cli.vuejs.org/zh/](https://cli.vuejs.org/zh/) 使用步骤 1.安装3.x版本的Vue脚手架: ~~~ npm install -g @vue/cli ~~~ ~~~ 1.安装3.x版本的Vue脚手架: npm install -g @vue/cli或者cnpm 2.查版本vue -V ~~~ ## 基于3.x版本的脚手架创建vue项目 // 1.基于**交互式命令行**的方式，创建新版vue项目 ~~~ vue create my-project ~~~  // 2.基于**图形化界面**的方式，创建新版vue项目 （优先） ~~~ vue ui ~~~  [//3.基于](https://3.xn--6kq92u/)**2.x的旧模板**，创建旧版vue项目 ~~~ npm install -g @vue/cli-init vue init webpack my -project ~~~  ## 4.2 Vue脚手架生成的项目结构分析