vue3+ts+elementPlus项目搭建

1.cmd+R   查看是否安装node环境和vue,
  node -v    出现版本号

 如果没有,去下载安装,地址: Node.js — Download Node.js® (nodejs.org)
  vue -V     出现版本号
 如果没有,  输入命令行,全局安装或升级脚手架

npm install -g @vue/cli

2.创建vue项目   (项目名自己起)

vue create 项目名

创建成功之后会有提示    选择vue3

3. 项目创建成功后,vscode打开文件,打开终端

cd vuetypescript     //进入该项目(我的项目名是vuetypescript)
npm run dev   //启动该项目

4.安装typescript

npm install -g typescript     //全局安装
npm install typescript --save-dev     //项目安装

参考:  vue3项目中加入typescript配置 - 掘金 (juejin.cn)

5.安装配置sass

npm install sass

参考 :vue3:安装配置sass_vue3 sass-CSDN博客

或者参考:vue3 项目中使用 sass - 掘金 (juejin.cn)

npm install sass sass-loader --save-dev

6.安装elementPlus

npm install element-plus  --save

在main.ts中全局引入element-plus

参考:【vue3.0 引入Element Plus步骤与使用】_vue3引入elementplus直接使用吗-CSDN博客

7.安装路由依赖

npm install vue-router@4

参考: vue3中vue-router详解:基本使用,路由跳转,嵌套路由,动态路由,路由守卫 - 掘金 (juejin.cn)

8.axios跨域问题

9.

posted @ 2024-05-14 12:48  怂的一批的蜗牛  阅读(166)  评论(0编辑  收藏  举报