创建vue3项目并引入element-ui
- 安装 vue-cli3
npm install -g @vue/cli
# OR
yarn global add @vue/cli - 创建项目
vue create myProject
# OR
vue ui
3.在项目中安装 composition-api 体验 vue3 新特性
npm install @vue/composition-api --save
# OR
yarn add @vue/composition-api
4.在使用任何 @vue/composition-api 提供的能力前,必须先通过 Vue.use() 进行安装
import Vue from ‘vue’
import VueCompositionApi from ‘@vue/composition-api’
Vue.use(VueCompositionApi)
安装插件后,您就可以使用新的 Composition API 来开发组件了。
由于默认npm镜像默认使用的是国外网址,下载东西很慢,所以使用国内淘宝镜像的
方法:npm config set registry https://registry.npm.taobao.org
镜像
使用npm config list可以查看npm镜像
在新增的项目中使用element-ui
1,在项目中安装element-ui
npm i element-ui -S
在创建好的main.js中调用element-ui即可
import Element from ‘element-ui’
import ‘element-ui/lib/theme-chalk/index.css’
Vue.use(Element)