Vue CLI + Element 搭建项目

时间:2021-02-24 13:02:52   收藏:0   阅读:0

1.检查Vue CLI安装 (详情可查看:官方地址https://cli.vuejs.org/)

查看版本 $ vue -V

技术图片

 

 

2.创建一个项目

vue create hello-world

选择Default ([Vue 2] babel, eslint),因为element现阶段还不支持Vue3

技术图片

 

 显示这个界面,即安装成功技术图片

 

3.运行

$ cd hellow-world
$ npm run serve

显示此界面,即运行成功:技术图片

 

4.安装Element-ui

vue add element

根据项目需求选择导入方式,我在此选择的是Fully import

 技术图片

 

 然后,继续按照提示选择自己所需的选项进行安装。

安装成功,重新启动项目。

$ npm run serve

出现此界面,说明安装并运行成功:技术图片

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!