viy-ui

VIY UI

基于Vue2的web UI工具套件

Install NodeJs & dependencies

Install Nodejs Runtime: NodeJs

Install dependencies:

npm install

Development

npm start

Open browser: http://localhost:3000
Change index.html for local preview (please don't commit this file)

Eslint Check

npm run lint

Build

npm run build

Add icon font

1. open https://icomoon.io/app/
2. import src/fonts/component.svg
3. add new icon
4. set font name to 'component', class prefix to 'vue-icon-'
5. download
6. replace svg, ttf, woff file under src/font
7. update main.css, add new icon class
8. build

Files

viy/
　├ dist/               <-- releases target
　│　├ *.min.js
　│　├ *.min.css
　│　└ fonts/
　└ src/
　 　├ css/
　 　│　└ *.css
　 　├ js/
　 　│　└ *.js
　 　└ fonts/
　 　 　├ *.ttf
　 　 　└ *.woff

vue-cli npm import

npm i viy-ui

vue.config.js

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('js')
      .exclude
      .add(function() {
          return [
              'node_modules/viy-ui',
          ]
      })
      .end()
  },
  runtimeCompiler: true
}