Vue3创建项目流程

Vue3创建项目流程

1. 配置开发环境

1.1 安装 node.js

官网：https://nodejs.org/zh-cn/download/下载安装即可

!

1.2 创建项目步骤

# 全局安装Vue CLI
npm install -g @vue/cli
# 创建一个新的Vue项目
vue create vue3-basic

1.3 项目文件结构分析

• public文件夹：存放静态资源，如图片、字体等。
• src文件夹：存放源代码。
• assets文件夹：存放项目中使用的图片、字体等资源。
• components文件夹：存放Vue组件。
• router文件夹：存放Vue Router相关文件。
• store文件夹：存放Vuex相关文件。
• views文件夹：存放页面级别的Vue组件。
• App.vue文件：根组件。
• main.js文件：入口文件，用于初始化Vue应用。
• package.json文件：项目配置文件，包含项目依赖、脚本等信息。

2.推荐插件安装

• ESLint
  依赖、脚本等信息。

2.推荐插件安装

• ESLint
• vetur