1. vue cli 脚手架安装
参考官网:https://cli.vuejs.org/zh/guide/installation.html
步骤如下:
- 全局安装
npm install -g @vue/cli
# OR
yarn global add @vue/cli
- 查看版本
vue --version
# OR
vue -V
- 升级Vue cli (需要升级的时候,执行)
npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli
2. 创建新项目
指令:
vue create 项目名称
注意:项目名称不要带中文
3. 脚手架目录介绍
介绍如下图:
重点是:图中 颜色不同的三个文件