vue create demo cli3 拉取的脚手架 + element-plus安装

宰父才
2023-12-01

Node 版本要求

Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 nnvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。

1、安装3.X版本的Vue脚手架:npm install -g @vue/cli ,查看版本vue -V

2、基于3.X版本的脚手架创建Vue项目: vue create my-demo

3、运行 cd my-demo , npm run serve

官网地址:https://cli.vuejs.org/zh/guide/installation.html

main.js

import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')

注意:vuecli3拉取的脚手架是不兼容老版本element ui, 所以饿了么推出了element-plus

官网地址:https://element-plus.gitee.io/#/zh-CN/component/installation

4、element-plus安装:npm install element-plus --save

5、引入

import { createApp } from 'vue'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
import App from './App.vue';

const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')

用法和老的一样 

 

 类似资料: