创建vue3项目并引入element-ui

  1. 安装 vue-cli3
    npm install -g @vue/cli
    # OR
    yarn global add @vue/cli
    创建vue3项目并引入element-ui
  2. 创建项目
    vue create myProject
    # OR
    vue ui
    创建vue3项目并引入element-ui

3.在项目中安装 composition-api 体验 vue3 新特性
npm install @vue/composition-api --save
# OR
yarn add @vue/composition-api
创建vue3项目并引入element-ui
4.在使用任何 @vue/composition-api 提供的能力前,必须先通过 Vue.use() 进行安装
import Vue from ‘vue’
import VueCompositionApi from ‘@vue/composition-api’

Vue.use(VueCompositionApi)
安装插件后,您就可以使用新的 Composition API 来开发组件了。
创建vue3项目并引入element-ui
由于默认npm镜像默认使用的是国外网址,下载东西很慢,所以使用国内淘宝镜像的
方法:npm config set registry https://registry.npm.taobao.org

镜像
使用npm config list可以查看npm镜像
创建vue3项目并引入element-ui

在新增的项目中使用element-ui
1,在项目中安装element-ui
npm i element-ui -S
创建vue3项目并引入element-ui

在创建好的main.js中调用element-ui即可

import Element from ‘element-ui’
import ‘element-ui/lib/theme-chalk/index.css’

Vue.use(Element)