Vue3+Vite+ElementPlus 构建 笔记

1、Node.js 查看

node -v

2、如果你的网络环境不佳，推荐使用  换源

npm config set registry https://registry.npmmirror.com

3、Vue 3 编码规范 使用

1.编码语言：TypeScript

2.代码风格：组合式API

3.简写形式：setup语法糖

4、所需网址 

https://cn.vuejs.org/guide/quick-start

https://vitejs.cn/vite5-cn/

https://element-plus.org/zh-CN/

Windi CSS

 Vue Router | Vue.js 的官方路由

5、 构建 指令

vue

npm create vue@latest

 

vite

npm create vite@latest

6、 在 Vue 3 加入 Element Plus 库

安装

npm install element-plus --save

完整引入

// main.ts
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'const app = createApp(App)app.use(ElementPlus)
app.mount('#app')

// tsconfig.json
{"compilerOptions": {// ..."types": ["element-plus/global"]}
}