[Vue-CLI] 一、vue-cli安装

一、安装Node

1、安装NodeJS

网址：下载 | Node.js 中文网

2、检测版本

node -v

npm -v

3、什么是npm？

npm --- Node Package Manager，是一个NodeJS包管理和分发工具。

二、安装Vue-CLI

1、安装命令

npm install @vue/cli -g

如果想用CLI 2版本，使用下面命令拉取2.x模板：

npm install @vue/cli-init -g

2、初始化项目

Vue CLI2初始化项目

vue init webpack 项目名

Vue CLI3初始化项目

vue create 项目名

vue-cli 3 与 2 版本有很大区别：

1. vue-cli 3 是基于 webpack 4 打造的，vue-cli 2 还是 webpack 3
2. vue-cli 3 的设计原则是 “0配置” ，移除的配置文件根目录下的 build 和 config 等目录
3. vue-cli 3 提供了 vue ui 命令，提供了可视化配置，更加人性化
4. 移除了static文件夹，新增了public文件夹，并且index.html移动到public中