vkute

kute

一个 Vue 2.0 网页组件库

状态

开发中...

Still under development...

参与开发

开发所需知识

• Vue 2.0
• Webpack 2.0
• ES6
• Stylus
• Nuxt
• ITCSS
• rscss
• Axis

以及了解一部分的

• Node.js
• ESlint
• Postcss
• cssnext
• cssnano

开发指南

$ git clone https://github.com/R701/kute.git
$ cd kute

进行开发

1. 在kute/目录下：

npm run dev

这将会使用webpack.dev.config.js这个配置文件启动webpack。

该配置使用watch模式，监听源代码，并实时构建，生成未经压缩的结果文件（kute.js和kute.css）放在dev/static/kute目录下，便于dev/example/index.html直接引用，进行简单的测试。

1. 进入kute/dev，启动项目主页的开发进程

$ cd dev && npm run dev

项目主页直接用Nuxt构建，Nuxt帮我们做好了目录结构和webpack配置等工作，具体各文件和目录的作用，请参照Nuxt官方文档。

1. 浏览器地址栏输入http://localhost:3000/components打开项目主页，或者http://localhost:3000/example/index.html打开简易预览页，都可以进行组件预览。前者使用kute/src目录下的源文件在nuxt中构建，后者直接使用dev/static/kute目录下的静态文件（实时生成的，参见第1点）。

2. 未完待更。

进行构建

1. 构建kute:

在kute/目录下：

npm run build

构建完成的文件在kute/dist目录中。

1. 构建主页：

在kute/dev目录下：

npm run build

构建完成的文件在kute/dev/.nuxt目录中。

TO DO

• Picker
• Editor
• Carousel
• Pagination
• Table