1 Star 0 Fork 50

yjjdick / tradingview-vue

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 4.28 KB
一键复制 编辑 原始数据 按行查看 历史
苏航 提交于 2020-09-18 23:57 . 新增PC端

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
# OR
yarn global add @vue/cli

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

vue --version

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

vue ui

安装依赖

yarn install
# OR
npm install

启动

yarn serve
# OR
npm run serve

打包

yarn build  //本地环境打包
yarn build:dev  //测试环境打包
yarn build:pro  //开发环境打包
# OR
npm 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` 成功以后 重新下载依赖

马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/yjjdick/tradingview-vue.git
git@gitee.com:yjjdick/tradingview-vue.git
yjjdick
tradingview-vue
tradingview-vue
master

搜索帮助

344bd9b3 5694891 D2dac590 5694891