vue3+node.js 高校设备管理系统设计3-vue3配置

安装vue3脚手架

1. 安装配置Node.js
2. 打开cmd命令行界面
3. 输入npm install @vue/cli，安装vue3脚手架
4. 输入vue -V，查看vue3版本
   

创建vue3项目

1. 打开VSCode，打开需要存放前端项目的文件夹，并打开终端

2. 输入vue ui，等待弹出vue项目管理器

3. 点击创建，并选择需要创建vue3前端项目的文件夹，点击再此创建新项目
   

4. 输入项目名，有git的可以输入仓库名，下一步
   

5. 第一次配置选择手动
   

6. 选择自己想装的插件，下一步
   

   • Babel是一个javascript编译器。勾选。
   • TypeScript 支持使用 TypeScript 书写源码。勾选。
   • Progressive Web App (PWA) Support PWA 支持。
   • Router 支持 vue-router 。勾选。
   • Vuex 支持 vuex 。勾选。
   • CSS Pre-processors 支持 CSS 预处理器。
   • Linter / Formatter 支持代码风格检查和格式化。勾选。
   • Unit Testing 支持单元测试。
   • E2E Testing 支持 E2E 测试。
   • 使用配置文件。勾选。

7. Pick a linter / formatter config:选择ESLint标准配置，其他默认，创建项目
   

8. 创建时可以保存刚刚配置的预设，下一次创建新项目时，就可以直接选择该预设。
   

9. 创建完成。
   
   10.点击任务，并点击运行，运行完成后，点击启动app
   
   

配置插件

1. ElementUI插件vue-cli-plugin-element，安装后第一项选择Import on demand
   

配置依赖

1. axios
   

vue3+node.js 高校设备管理系统设计3-vue3配置

原文：https://www.cnblogs.com/DarkCrow/p/14926766.html