vue3+elementplus新建项目

更新node.js和npm

node.js官网更新指南
可以根据自己的操作系统进行选择
我的电脑操作系统是mac os所以我的步骤如下

# Download and install nvm:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash

# in lieu of restarting the shell
\. "$HOME/.nvm/nvm.sh"

# Download and install Node.js:
nvm install 22

# Verify the Node.js version:
node -v # Should print "v22.14.0".
nvm current # Should print "v22.14.0".

# Verify npm version:
npm -v # Should print "10.9.2".

vue3新建项目

vue3官网操作指引

如果以下指令报错说没有权限mkdir之类的，就在指令前面加上sudo
例如
sudo npm run dev

npm create vue@latest
cd <your-project-name>
npm install
npm run dev
#如果你要打包
npm run build

引入elementplus

npm install element-plus --save

在main.js中引入elementplus配置

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')

去掉项目边框

将项目中的
/src/assets/base.css
/src/assets/main.css
的内容全都注释掉即可。

常用的svg库

阿里svg库iconfont