vkute
v0.0.11
Published
A vue component kit.
Downloads
6
Readme
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进行开发
- 在
kute/目录下：
npm run dev这将会使用webpack.dev.config.js这个配置文件启动webpack。
该配置使用watch模式，监听源代码，并实时构建，生成未经压缩的结果文件（kute.js和kute.css）放在dev/static/kute目录下，便于dev/example/index.html直接引用，进行简单的测试。
- 进入
kute/dev，启动项目主页的开发进程
$ cd dev && npm run dev项目主页直接用Nuxt构建，Nuxt帮我们做好了目录结构和webpack配置等工作，具体各文件和目录的作用，请参照Nuxt官方文档。
浏览器地址栏输入http://localhost:3000/components打开项目主页，或者http://localhost:3000/example/index.html打开简易预览页，都可以进行组件预览。前者使用
kute/src目录下的源文件在nuxt中构建，后者直接使用dev/static/kute目录下的静态文件（实时生成的，参见第1点）。未完待更。
进行构建
- 构建kute:
在kute/目录下：
npm run build构建完成的文件在kute/dist目录中。
- 构建主页：
在kute/dev目录下：
npm run build构建完成的文件在kute/dev/.nuxt目录中。
TO DO
- [ ] Picker
- [ ] Editor
- [ ] Carousel
- [ ] Pagination
- [ ] Table