Vue3+TS项目实战1-环境准备

一、项目创建

vue create vue3-ts-app  //创建vue3项目

自己配置依赖(根据个人习惯)

Vue3+TS项目实战1-环境准备_第1张图片

cd vue3-ts-app  //定位文件
npm run serve   //启动项目

8080端口启动成功

Vue3+TS项目实战1-环境准备_第2张图片 

二、目录分析

Vue3+TS项目实战1-环境准备_第3张图片

 三、element plus 安装--安装 | Element Plus

1、安装

npm install element-plus --save

2、 引入

// main.ts
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

createApp(App).use(router).use(ElementPlus).mount('#app') //链式编程注入

3、测试

#App.vue 

 查看效果

Vue3+TS项目实战1-环境准备_第4张图片

 

你可能感兴趣的:(前端学习笔记,typescript,vue.js,javascript)