一.介绍

vue cli是一个基于Vue.js进行快速开发的完整系统，通过@vue/cli搭建交互式的项目脚手架。

二.安装

1.安装node环境

在vue项目中我们要按需导入第三方包到本地使用，因此需要使用npm。npm是随同NodeJS一起安装的包管理工具，所以我们首先安装node环境。在官网https://nodejs.org/en/ 下载对应稳定版本即可。
安装完成后在cmd输入命令node-v,npm-v回车查看对应版本：

node.png

2.安装vue-cli

在cmd命令行中输入npm install -g vue-cli，全局安装vue-cli。

3.创建项目

在cmd命令行中输入 vue init webpack projectName创建vue-cli2项目，其它版本输入vue init webpack#1.0 projectName安装指定版本内容。其中projectName为自定义项目名。

项目创建.png

如图按照自己的需求进行项目设置，最后在安装依赖是选择自行安装。项目安装好之后进入到新建项目的跟目录下输入npm install安装依赖，依赖安装完成之后会在项目目录下多出一个node_modules文件夹。至此项目已经创建完毕。

4.启动项目

打开cmd，切到项目根目录下，输入npm run dev启动项目。