开源软件名称:tradingview-vue
开源软件地址:https://gitee.com/SuHangWeb/tradingview-vue
开源软件介绍:
vue-cli 3.0 模版 vue2.0 & tradingview K线图
移动端PC端目录┌─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): 创建项目可以采用 图形化 创建 也可以采用命令创建 以下介绍 开启图形化创建界面 命令如下
安装依赖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` 成功以后 重新下载依赖 |
请发表评论