一、什么是脚手架
- 脚手架是一个工具,安装完脚手架之后可以通过一些命令快速实现项目基础环境的搭建,不用自己一个一个地配置各种文件,帮我们自动生成规范性的项目文件目录。
二、安装
- 前提:安装好Node.js
- 步骤:
- 安装命令:npm install -g @vue/cli
- 查看版本命令:vue --version
三、创建
1、创建项目
- 在你需要创建文件夹的目录下,输入创建命令。
- 创建命令:vue create 项目名
2、选项项目配置
- (按回车确定)
(第三个为自行选择)
3、选项项目包含的内容
- 按空格选择,回车确定。
- 建议选择第1,4,5,7个。
4、选择版本
- 2或3自行选择。
5、选择路由模式
- y为history模式;n为hash模式。
6、选择语法检测方式
- 选第三个标准模式。
- 【注】新手建议选择第一个,不然很多报错。
7、代码检查时机
- 选择第一个,保存时检查。
8、选择配置文件存放位置
- 选择第一个。
9、是否创建模板
- 是否将以上选择创建为以后的模板,选择no。
10、等待创建
- 回车,等待创建即可。
- 创建完成:
- 运行命令:npm run serve