form-making-rice v0.1.2

表单设计器

1. 项目背景

针对新版电子合同,在线考试,意见反馈等试卷类项目开发的npm包

2. 文档

• rice所有文档集合

3. 项目结构

├─build·························webpack构建目录
├─config························webpack配置目录
├─examples······················网站相关
├─packages······················需要向外抛出的组件
├─src···························开发目录        
│  ├─assets·····················静态资源
│  │  ├─font····················字体图标
│  │  ├─images··················图片文件
│  │  └─js······················配置文件
│  ├─components·················组件                
│  ├─mixins·····················混入文件  
│  ├─style······················样式相关  
│  ├─utils······················工具类
│  ├─views······················路由页
│  ├─index.js···················组件注册
│  ├─npm.js·····················打包工具
│  └─scan_file.js···············组件扫描工具
├─static························静态资源文件
├─types·························ts类型声明
│  .babelrc
│  .editorconfig
│  .gitignore
│  .postcssrc.js
│  index.html····················根页面
│  package.json··················包信息
│  README.md·····················项目介绍文件
 

4. 开发说明

npm 安装

首先替换下载源

    npm config set registry  http://39.106.145.141:9000/repository/node-host/   

下载依赖

    npm  install  FormMakingRice  -S   

在 main.js 中写入如下内容

    import FormMakingRice from "FormMakingRice";     
    Vue.use(FormMakingRice)

cdn 引入

地址

200服务器

   // 0.0.3 为表单编辑器的版本号, 应该替换为使用的正确版本号
   <script src="https://192.168.10.200:7008/libs@0.0.3/index.js"></script>  

测试环境

   // 0.0.3 为表单编辑器的版本号, 应该替换为使用的正确版本号
   <script src="https://dformmakingrice.allhome.com.cn/libs@0.0.3/index.js"></script>

正式环境

   // 0.0.3 为表单编辑器的版本号, 应该替换为使用的正确版本号
   <script src="https://formmakingrice.allhome.com.cn/libs@0.0.3/index.js"></script>

项目引入

webpack.base.config.js externals配置项中添加如下：

    formMakingRice': 'FormMakingRice   

main.js 引入：

    import formMakingRice from "formMakingRice";     
    Vue.use(formMakingRice);