Element-Ul和ant-design-vue了解

本文介绍了Element-Ul和ant-design-vue这两个基于Vue.js的UI框架。首先,详细讲述了Element-Ul的安装、项目模板的使用以及如何在本地和服务器上运行。接着,提到了ant-design-vue是蚂蚁金服官方推荐的Vue版UI组件库,提供了创建项目、配置Webpack和Babel以及按需加载组件的步骤。
摘要由CSDN通过智能技术生成

Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,手机端有对应框架是Mint UI 。

开发环境
1.安装webpack
npm install -g webpack
2.安装vue-cli
vue-cli是什么?
vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的。

使用步骤:

安装vue-cli:
npm install -g vue-cli

使用vue-cli构建项目

vue init webpack project-name //创建一个基于webpack模板的名为project-name的项目

目前可用的模板包括:

browserify –全功能的Browserify + vueify,包括热加载,静态检测,单元测试。
browserify-simple–一个简易的Browserify + vueify,以便于快速开始。
webpack–全功能的Webpack + vueify,包括热加载,静态检测,单元测试。
webpack-simple–一个简易的Webpack + vueify,以便于快速开始。

安装项目依赖

cd project-name //进入项目目录
npm install //安装项目依赖
npm run dev //运行项目

此时在浏览器打开:localhost:8080即可看到欢迎页。

关于webpack和vue-cli的更多使用方法参见官方文档。

但是这个只能在本地跑,要如何在我们自己的服务器上访问呢?此时需要执行

npm run build

搭建开发

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值