# 快速上手 Quick Start
# 安装
使用 npm 构建前，请先确保您已经安装好了 Node.js 运行时环境。
# 通过 npm 安装
npm i visn -S
# 通过 yarn 安装
yarn add visn -S
# 使用
# 引入组件
所有组件文档中的引入路径均以 npm 安装为例，如果你是通过下载源代码的方式使用 Visn，请将路径修改为项目中 Visn 所在的目录。
# 全局注册
在您的Vue项目中，进入main.js文件，进行全局注册：
// 引入组件库和样式
import visn from 'visn/packages'
import 'visn/lib/visn.css'
// 注册组件库
Vue.use(visn)
1
2
3
4
5
2
3
4
5
还可以通过这样的方式对某个组件进行全局注册：
import VsButton from 'visn/packages/vs-button'
// 组件按需引入注册<br/>
VsButton.install(Vue)
1
2
3
2
3
# 局部注册
同上，局部注册则没有引入整个Visn的必要，只需要局部引入即可，不过需要再声明一下Vue，建议全局注册会方便很多。
import Vue from 'vue'
import VsButton from 'visn/packages/vs-button'
VsButton.install(Vue)
1
2
3
2
3
使用组件 引入组件后，可以在 Vue 项目中直接使用组件。
<vs-button>按钮</vs-button>
1
