vue3+elementplus新建项目

更新node.js和npm

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

# Download and install nvm: curl -o- raw.githubusercontent /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