• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

    tradingview-vue: tradingview 封装 “移动端/PC端” vue组件 介入websocket 火币数 ...

    原作者: [db:作者] 来自: 网络 收藏 邀请

    开源软件名称:

    tradingview-vue

    开源软件地址:

    https://gitee.com/SuHangWeb/tradingview-vue

    开源软件介绍:

    vue-cli 3.0 模版 vue2.0 & tradingview K线图

    star

    移动端

    PC端

    yhucSp

    目录

    ┌─public│  ├─static  			    静态文件│  │   └─charting_library   sTradingview 组件主要文件│  ├─favicon.ico  			icon图标│  └─index.html             入口页面├─src│  ├─assets			        资源 存放一些不可变动的文件│  │   ├─style              样式│  │   │  └─common.scss     全局公用样式│  │   ├─images             静态图片存放│  │   └─font               字体│  ├─common                 共用│  │   ├─utils              小工具│  │   │  ├─canvasFormat.js canvas转换文件工具│  │   │  └─index.js        前端js工作集合│  ├─components 	        组件目录│  │   ├─sTradingview       tradingview K线图组件 (移动端)│  │   ├─sTradingviewPc     tradingview K线图组件 (PC端)│  │   └─index.js           配置页面无需注册自定义组件│  ├─request			    请求│  │   ├─api                接口目录│  │   │  └─index           中间件│  │   ├─mock               模拟数据│  │   │  ├─config          配置(开启/关闭 模拟数据)│  │   │  └─index           数据列表│  │   ├─index              请求拦截器│  │   ├─jsencrypt          rsa加密│  │   ├─statusCode         状态码组合│  │   └─README.md          说明文档│  ├─router			        路由│  │   └─index              路由配置&路由守卫│  ├─store			        状态管理工具│  ├─views			        页面│  ├─App.vue			    根组件│  └─main.js                入口js文件├─vue.config.js             vue 配置 例如 跨域配置等├─.env                      本地环境 请求地址配置├─.env.development          测试环境 请求地址配置├─.env.production           生产环境 请求地址配置├─.gitignore                git禁止上传配置文件├─babel.config.js           按需引入组件├─package.json              依赖版本管理器├─package-lock.json         锁定依赖版本管理器├─yarn-lock.json            yarn依赖版本管理器└─README.md                 说明文档

    安装

    关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

    Node 版本要求Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。

    安装命令

    npm install -g @vue/cli# ORyarn global add @vue/cli

    检查其版本是否正确 (3.x):

    vue --version

    创建项目可以采用 图形化 创建 也可以采用命令创建 以下介绍 开启图形化创建界面 命令如下

    vue ui

    安装依赖

    yarn install# ORnpm install

    启动

    yarn serve# ORnpm run serve

    打包

    yarn build  //本地环境打包yarn build:dev  //测试环境打包yarn build:pro  //开发环境打包# ORnpm run build  //本地环境打包npm run build:dev  //测试环境打包npm run build:pro  //开发环境打包

    接口请求

    使用方法 看 request/README.md


    工具集合调用

    使用方法 看 common/utils/README.md


    组件

    所有组件使用方法 看 说明文档 components/*/README.md


    如果运行项目 产生报错 nprogress 相关 解决办法如下

    手动删除 `node_modules` 文件 并 重新下载依赖# OR命令:`rm -rf node_modules` 成功以后 重新下载依赖


    鲜花

    握手

    雷人

    路过

    鸡蛋
    该文章已有0人参与评论

    请发表评论

    全部评论

    专题导读
    热门推荐
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap