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

小小并不小

于 2020-12-21 10:34:32 发布

阅读量1.7k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/c153284575/article/details/111468453

Vue 专栏收录该内容

30 篇文章

订阅专栏

本文介绍Vue CLI 4.x的安装要求及步骤，并演示如何使用Element Plus作为UI组件库集成到Vue项目中。文章包含安装指南、版本要求以及基本的项目创建和运行命令。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Node 版本要求

Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 n，nvm 或 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')

用法和老的一样