┌─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` и повторно загрузите зависимости
# ИЛИ
команда: `rm -rf node_modules`, после успешного выполнения повторно загрузить зависимости
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )