vue-cli4.0新建一个项目

一、什么是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

webstorm 配置alias.config.js，快捷适用@访问文件

官网vue.congfig.js详细介绍