前言

使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作，那无疑效率比较低效，所以通常我们会使用一些脚手架工具来帮助完成这些事情。使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置.

1、环境搭建

1.1基本环境安装

在使用CLI之前需要安装node,node环境至少是8.9以上的版本。在官网下载即可。

还需要在终端安装webpack: npm install webpack -g

或者直接在官网下载最新版本的node,会自带npm和webpack.

1.2vue脚手架3安装

安装脚手架(3)需要在终端使用指令：npm install -g @vue/cli

2、CLI3使用

2.1创建vuecli3项目

2.2项目创建过程

检查目录发现项目已被创建：

2.3项目运行

在package.json文件中查看配置可知项目运行需要执行指令：npm run serve

需要注意的是运行文件的时候一定要进到项目里面去。

2.4CLI3配置文件查看和修改

2.4.1配置服务器 vue ui

vue ui 指令在任何一级文件夹都能执行。

输入指令后会显示出图像化界面。