Vue3+Vite+ElementPlus构建学习笔记
作者：PieroPc
这篇文章主要介绍了Vue3+Vite+ElementPlus构建的相关资料,文中还介绍如何在Vue3项目中加入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
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"]
}
}
总结
到此这篇关于Vue3+Vite+ElementPlus构建的文章就介绍到这了,更多相关Vue3+Vite+ElementPlus构建内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！