一、什么是脚手架

  • 脚手架是一个工具,安装完脚手架之后可以通过一些命令快速实现项目基础环境的搭建,不用自己一个一个地配置各种文件,帮我们自动生成规范性的项目文件目录。

二、安装

  • 前提:安装好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
Logo

前往低代码交流专区

更多推荐