【重要提醒】

以下内容仅供个人学习使用，如无法下载demo请联系我q1655710110

vs code插件

//样式
Material Icon Theme

一、创建项目

npm create vue@latest 或 npm create vue（如有提问则选择yes）

二、启用以下功能

● TypeScript  TS语法
● Router      单页面应用开发
● Pinia       状态管理
● ESLint      错误预防
● Prettier    代码格式化

功能选择图示

   cd 项目名称，如 cd vue3Test
   npm install
   npm run format
   npm run dev

三、在vs code中打开这个项目，并运行项目

快捷键ctrl+`(数字1左边那个)可以呼出终端，然后输入以下内容运行项目

npm run dev

【提示】打包命令是 npm run build

四、引入需要用到的模块

//axios网络请求
npm i axios
//md5等加密库（哪个不报错，就用哪个）
npm i @types/crypto-js 或 npm i crypto-js
//消息订阅和发布（加载框用到）
npm i mitt
//生成浏览器唯一id的库
npm install @fingerprintjs/fingerprintjs

做完这些可以先运行一下 ** npm run dev **，浏览器看是否可以正常打开，如果不能，一步步往前检查

运行成功

五、运行示意图和项目代码

1、图片

登录页

主页

2、代码

https://gitee.com/LINC365/vue3-demo1