@caocc/components

my-components

自用组件托管项目代码

在本地运行

Clone 这个 project

  git clone https://github.com/caohoucheng/my-components.git

前往项目目录

  cd my-components

安装依赖

  npm install

启动服务器

  npm run serve

打包

项目打包

  npm run build

组件打包

  npm run build:p # vue-cli-service build --target lib ./src/components/index.js --name lib --dest lib

发布npm包

1.修改package.json version

{
    "name": "@caocc/components",
    "version": "0.0.1",//=>0.0.X
    "private": false
}

2.登录npm

  npm login

3.发布更新

  npm run pub # npm publish --access public

文档预览

  npm run docs

文档打包

1.编写docs文件下的vuepress文档

vuepress传送门

2.打包

前往项目目录

  cd docs

执行打包命令

  vuepress build

文档发布

切换分支到文档分支

  git checkout gh-pages

执行打包命令 : 将master分支下(docs编辑分支)docs文件检出,并将docs打包后的dist文件下内容复制到根目录

  npm run build # git checkout master docs && xcopy /e /y .\\docs\\.vuepress\\dist\\* .\\

发布

提交代码到gh-pages分支,gh-pages为GitHub Pages,前往settings/pages 下 设置Source后将会生成该分支 详情

文档

文档地址

使用方法/示例

  npm i @caocc/components

  import components from '@caocc/components'

  import '@caocc/components/lib/lib.css'

  Vue.use(components)