Vue3+TS+Element-plus浅用

一、创建项目使用(vue create)

vue create hello-world

vue create.png

二、项目中引入TS

vue add typescript

vue add typescript.png

安装前会验证几个问题，如下:

? Use class-style component syntax? (Y/n)  //y
是否使用Class风格装饰器？选择Y
? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)?
使用Babel与TypeScript一起用于自动检测的填充? yes
? Convert all .js files to .ts? (Y/n) //n
是否要把所有js文件转换成ts文件，这里最好选n
? Allow .js files to be compiled? (y/N) //Y
是否允许.js文件的编译，这里肯定是Y
? Skip type checking of all declaration files (recommended for apps)? (Y/n)  //Y
是否跳过所有类型检查,默认选Y

安装TS问题解释.png

三、安装Element-plus

vue add element-plus

安装完自动配置到main.js中。然后开始整，element-plus组件随便选一个带TS的即可

请预览.png

本片代码地址