Vue CLI

什么是Vue CLI

Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性，无需 eject。

CLI (@vue/cli) 是一个全局安装的 npm 包，提供了终端里的 vue 命令。它可以通过 vue create 快速搭建一个新项目，或者直接通过 vue serve 构建新想法的原型。

Vue CLI 使用前提

node

1、Vue CLI 的使用前提是 Node 。

2、安装NodeJS

Webpack

webpack 的全局安装

npm install webpack -g

Vue CLI 的使用

安装

1、安装 Vue 脚手架

npm install -g @vue/cli 

也可以使用

yarn global add @vue/cli 。

2、安装完成之后，可以使用 vue --wersion 来检查安装的脚手架版本是否正确（3.x）。

3、注意：上面安装的是 Vue CLI3 的版本，如果需要想按照 Vue CLI2 的方式初始化项目是不可以的。

• 拉取 2.x 模板（旧版本）
  Vue CLI3 和旧版使用了相同的 vue 命令，所以 Vue CLI2（vue-cli）被覆盖了。如果仍然想要使用旧版本的vue init功能，可以安装一个桥接工具。

npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同

创建项目

• Vue CLI2 创建项目

vue init webpack my-project

• Vue CLI3 创建项目

vue creat my-project

配置项目

? Project name	// 项目名称
? Project description	// 项目描述
? Author	// 作者

// 选择使用 Runtime + Compiler 还是 Runtime-only
? Vue build (Use arrow keys)
	Runtime + Compiler ...
	Runtime-only ...