一、什么是脚手架

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

二、安装

  • 前提：安装好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
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue