Vue3+TSプロジェクト戦闘1 - 環境準備

1. プロジェクトの作成

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

依存関係を自分で構成する (個人の習慣に従って)

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

ポート 8080 が正常に開始されました

 

2. ディレクトリ分析

 三、エレメントプラスインストール -インストール | 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 
<template>
  <el-button type="primary">Primary</el-button> //上方添加一个按钮
  <div id="nav">
    <router-link to="/">Home</router-link> |
    <router-link to="/about">About</router-link>
  </div>
  <router-view/>
</template>

 効果を見る