如何搭建Vue脚手架

1. Vue 脚手架是Vue官方提供的标准化开发工具(开发平台)

2. 官方文档: Vue CLI

第一步(仅需第一次执行): 安装nodejs环境

官网下载nodejs: https://nodejs.org/en/download/

 第二步(仅需第一次执行): 全局安装@vue/cli

npm install -g @vue/cli

 第三步:切换到你需要创建项目的目录,然后使用命令创建项目

 vue create 项目名

 我们也可以选择第三项"Manually select features",自定义创建vue项目:

在弹出的选项中,选择你需要安装的配置项: 通过上下键进行切换,通过空格键进行是否选中

在弹出的选择中,选择你的vue版本:

在弹出的选择中,表示是否是使用history方式创建路由:默认,选择y

选择代码校验规范,默认选择第一项,只进行报错提示:

第三步:启动项目

npm run serve

创建的项目结构:

这样之后我们就搭建成功了。

注意:

在开发过程中,我们先关闭ES的语法检查:

在vue.config.js文件中添加如下配置:

lintOnSave:false,//关闭语法检查

然后重启项目。

注意:

现在官方推荐使用 create-vue 来创建基于 Vite 的新项目

官方文档:https://cn.vitejs.dev/guide/

注意：

如果你想使用nvm 管理nodejs，可以参考一下这位大哥的：
vnm + nodejs 安装步骤 + Vue 用脚手架搭建3.0 框架详细步骤_vnm node-CSDN博客https://blog.csdn.net/weixin_41883384/article/details/108770860