ed-form-vue

NPM 发布

1.安装镜像源管理工具nrm

// 开发的npm registry 管理工具 nrm, 能够查看和切换当前使用的registry
npm install -g nrm

2.安装成功后可使用nrm管理工具相应命令，具体一些常用命令如下：

// 1.查看所有的支持源（有*号的表示当前所使用的源）
nrm ls
// 2.将npm下载源切换成指定的源 [name]表示源的名称（如上图使用taob  执行命令 nrm use taob）
nrm use [name]
// 3.添加源地址
nrm add <name> <url>
// 4.添加成功可执行nrm ls 查看所有源找到自己刚添加的ceshi源
nrm ls

2.发布自定义组件到公司私服

// 1.基于安装好的源管理工具nrm切换到公司私服地址
nrm use [name]
// 2.登录公司私服地址(从下面开始操作步骤需要使用npm 命令)
npm login
// 3.登录成功即可发布组件包到公司私服
npm run pub

• 注：如果报The "from" argument must be of type string，就再次执行一次npm run pub

使用方法

• 安装依赖

npm install ed-base-vue

• 注册依赖

import EdBaseVue from 'ed-base-vue'
import "ed-base-vue/src/style/index.scss"
Vue.use(EdBaseVue)

• 使用组件

<ed-form form-desc="" form-data=""></ed-form>

组件总览

组件	描述	版本	文档
EdCodeEditor	代码编辑器	v1.0.0	查看
EdDialog	弹窗	v1.0.0	查看
EdDrawer	抽屉	v1.0.0	查看
EdForm	动态表单	v1.0.0	查看
EdInputMap	定位选择器	v1.0.0	查看
EdInputPop	input放大器	v1.0.0	查看
EdInputTable	表格选择器	v1.0.0	查看
EdInputColor	颜色选择器	v1.0.0	查看
EdJsonEditor	JSON编辑器	v1.0.0	查看
EdJsonViewer	JSON查看器	v1.0.0	查看
EdMarkEditor	markdown编辑器	v1.0.0	查看
EdTable	Table	v1.0.0	查看
EdTableEditor	Table编辑器	v1.0.0	查看
EdWangEditor	富文本编辑器	v1.0.0	查看
EdDescriptions	描述列表	v1.0.0	查看

插槽组件

组件	描述
ExtendSlot	用于处理插槽
OptionSlot	用于处理option插槽

NPM依赖包

依赖包	描述	版本	文档
@amap/amap-jsapi-loader	高德地图	v1.0.1	查看
@wangeditor/editor	富文本编辑器	v5.1.23	查看
@wangeditor/editor-for-vue	富文本编辑器	v5.1.23	查看
codemirrore	代码编辑器	v5.46.0	查看
jsoneditor	json编辑器	v9.10.0	查看
mavon-editor	markdown编辑器	v2.10.4	查看
vue-json-viewer	JSON查看器	v2	查看

快速删除node_modules

1. 安装rimarf

npm i rimraf -g

2. 删除node_modules

rimraf node_modules