2023 PNPM第一课

本文介绍了如何通过npm安装和更新pnpm,然后在项目中初始化Vue并安装最新版本。接着详细讲解了如何引入和使用ElementPlus组件库以及设置中文本地化,同时展示了如何安装和配置VForm3库。此外,还提及了TS新语法中ref的用法。
摘要由CSDN通过智能技术生成

1.npm 安装pnpm

npm install -g pnpm

文档地址

2.更新新版本

npm install -g npm@9.7.1

3.找到构建项目路径

4.构建项目

npm init vue@latest

5.找到项目路径然后安装pnpm

pnpm install
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
app.use(ElementPlus)

6.使用elelment plus

pnpm install element-plus

配置main

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
app.use(ElementPlus, {
  locale: zhCn,
})

 7.使用variant form 

安装

npm i vform3-builds

配置main

import VForm3 from 'vform3-builds'  //引入VForm3库
import 'vform3-builds/dist/designer.style.css'  //引入VForm3样式
app.use(VForm3)

ts新语法

定义变量

const nums = ref(50)

ref相当于data

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值