kute

一个 Vue 2.0 网页组件库

状态

开发中...

Still under development...

参与开发

$3

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

以及了解一部分的
- Node.js
- ESlint
- Postcss
- cssnext
- cssnano

$3

``bash
$ git clone https://github.com/R701/kute.git
$ cd kute
`
#### 进行开发
1. 在kute/目录下：
`bash
npm run dev
`
这将会使用webpack.dev.config.js这个配置文件启动webpack。

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

2. 进入kute/dev，启动项目主页的开发进程
`bash
$ cd dev && npm run dev
`
项目主页直接用Nuxt构建，Nuxt帮我们做好了目录结构和webpack配置等工作，具体各文件和目录的作用，请参照Nuxt官方文档。

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

4. 未完待更。
#### 进行构建
1. 构建kute:

在kute/目录下：
`bash
npm run build
`
构建完成的文件在kute/dist目录中。

2. 构建主页：

在kute/dev目录下：
`bash
npm run build
`
构建完成的文件在kute/dev/.nuxt`目录中。

TO DO

- [ ] Picker
- [ ] Editor
- [ ] Carousel
- [ ] Pagination
- [ ] Table