vue-cli 超详细教程

一.什么是Vue-cli?

• CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架.
• Vue CLI是一个官方发布 vue.js 项目脚手架
• 使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置

二.Vue-cli 的使用前提

node环境

webpack

三.vue-cli的使用

1.安装

npm install @vue/cli -g

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

 Vue CLI2初始化项目

vue init webpack my-project

Vue CLI3初始化项目

vue create my-project

2.使用vue-cli2初始化项目

3.项目目录详解