创建vue3的项目
1、检查是否已经安装了所需要的node.js和脚手架,没有就去安装;
2、使用webpack或者脚手架创建
2.1 cd 到想要创建的目录下
2.2 脚手架创建项目
(注意:Vue CLI 3.x 在创建项目时要求项目名称(即 vue create 命令后的参数)不能包含大写字母,)
vue create vue-rwforum
2.3 选择创建的格式
2.4 手动选择特性
-
Babel: Babel 是一个 JavaScript 编译器,可以将新版本的 JavaScript 代码转换为旧版本的代码,以确保在各种环境中都能运行。这通常是必选项。
-
TypeScript: TypeScript 是 JavaScript 的超集,添加了静态类型检查等功能。选择这个选项如果你希望使用 TypeScript 编写你的 Vue 项目。
-
Progressive Web App (PWA) Support: 支持渐进式 Web 应用(PWA),使你的应用可以离线访问等。
-
Router: 集成 Vue Router,用于实现单页应用的路由。
Vuex: 集成 Vuex,用于状态管理。
-
CSS Pre-processors: 集成 CSS 预处理器,例如 Sass 或 Less,以便更方便地编写样式。
-
Linter / Formatter: 集成代码风格检查和格式化工具,例如 ESLint 和 Prettier。
-
Unit Testing: 集成单元测试工具,例如 Jest。
-
E2E Testing: 集成端到端测试工具,例如 Cypress。
2.5 选择vue3.x,也可以一路enter
。。。等待下载
3、安装完成后运行这两行命令
。。。继续等待下载
4完成创建
引入element-plus ui
1、打开element-plus 官网,然后跟着 教程,我使用的是vscode
2、快速开始——完整引入elementplus
完整引入: