element-ui的安装及使用

安装之前需要下载node.js,vue的运行依赖node的npm管理工具,下载路径https://nodejs.org/en/,

安装完成之后打开cmd,输入下面命令:

安装淘宝镜像:d盘下面输入:

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装全局vue-cli脚手架:D盘下输入:安装低版本的vue

cnpm install --global vue-cli

如果是安装高版本的,后面需要换成@vue/cli,这是下载最新版本的vue的指令
D盘新建一个项目:【vue低版本的语法】

vue init webpack itemname

高版本的语法为:

vue ui
//or
vue create 项目名

当出现类似?project name的时候需要手动输入并且回车

初始化成功会出现下面:

按照他说的步骤去开启:

cd itemname进入itemname,然后npm run dev,如果成功会弹出访问地址,继续下面

安装elementUI

npm i element-ui -S

我到这一步就结束了,详细看下面

(https://www.jianshu.com/p/ab3c34a95128)

打开刚刚创建的文件itemname,会发现里面会有element-ui

哪个项目要用就把这个文件夹粘贴过去就OK

posted @ 2023-01-31 22:21  Liku007  阅读(912)  评论(0编辑  收藏  举报