一、什么是VUE-CLI
1.vue-cli
vue-cli是一个全局安装的 npm 包,提供了终端里的 vue 命令。它可以通过 vue create 快速搭建一个新项目
可以通过以下命令安装VUE-CLI
cnpm install -g @vue/cli // 目前vue-cli4.0的包名为:@vue/cli
查看本地电脑上vue的版本:
$ vue -V
@vue/cli 4.4.6
2.vue-cli脚手架快速搭建项目
(1)vue create方式
vue create 项目名字
提供了默认的选项 babel + eslint,这个默认的设置非常适合快速创建一个新项目的原型
vue+ create.png
同时也提供了手动设置选项的功能,比较适合实际项目需求:
手动选择.png
vue-cli4.0选项介绍.png
配置文件存放的方式.png
In dedicated config files // 独立文件放置
In package.json // 放package.json里
image.png
(2)vue ui方式
// vue-cli4.0提供了通过一套图形化界面管理你的所有项目
vue ui
image.png
3. 项目结构详解
文件树状图.png
vue-cli文件结构图.png