Vue3+typeScripte -01

本节：vue3+ts的搭建

 一、vue3+ts的搭建

这篇别人写的文章更清晰：http://t.csdn.cn/94Alu

 打开就可以看到，这样就创建成功了

 二、引入ant design

(1) 在项目终端,输入这行命令：安装ant design

npm i --save ant-design-vue

(2)在main.ts文件里面引入和使用ant

import Antd from 'ant-design-vue';//引入
import 'ant-design-vue/dist/antd.css';

const app: any = createApp(App)//把app的类型调成any
app.use(router).use(Antd).mount('#app');//挂载使用

 ps:又遇到问题

 

 在eslintrc.js文件里面

里面加上这段代码把那个检测的关掉：

"rules":{
    "@typescript-eslint/no-explicit-any":["off"]
  },

开启一下代码自动补全功能：

发现还是不行，就又安装了这个插件就可以了

 

 修改任何配置文件都要重启项目，再重启动一下，警告就可以消失了。

三、创建页面，搭建路由

（1）安装VUE vscode snippets，也是可以快速生成vue代码

（2）在view里面创建页面，vb t可以快速搭建框架

 （3）在router里面添加地址

 （4）在app.vue里面删掉一些默认样式，去掉一些默认的边框，

 四、写一个登录页面