ipoodle v0.0.2

comment: <> (作为公共包子包上传) comment: <> (npm publish --access=public)

octopus-pro

安装

初始化

在正式安装之前，您需要对VueCli项目配置又一个基本了解，并在本地安装了@vue/cli，我们已经按照使用其将项目进行了初始化，其配置是
1. 包含的特性
◉ Babel
◯ TypeScript
◯ Progressive Web App (PWA) Support
◉ Router
◉ Vuex
◉ CSS Pre-processors
◉ Linter / Formatter
◯ Unit Testing
◯ E2E Testing

2. CSS Pre-processors选择Dart-sass
   ❯ Sass/SCSS (with dart-sass)
   Sass/SCSS (with node-sass)
   Less
   Stylus
   
3. Lint特性选择 Lint on save
   ◉ Lint on save
   ◯ Lint and fix on commit
4. 配置文件以单文件的形式保存
   ◉ In dedicated config files ◯ In package.json

安装octopus-pro

@ued2345/vue-cli-plugin-oc-pro目前已经发布到内网私有NPM仓库，你需要在安装前作如下配置

npm config set @ued2345:registry https://nexus.2345.cn/repository/npm/

or

yarn config set @ued2345:registry https://nexus.2345.cn/repository/npm/

初始化项目

mkdir your-app-name && cd your-app-name

yarn init -y

vue add @ued2345/vue-cli-plugin-oc-pro

静静等待几十秒，期间Octopus-Pro将为您生成项目并安装依赖

目录结构

我们已经为你生成了一个完整的开发框架，提供了中后台开发的基础界面和功能，下面是整个项目的目录结构。

├── public
│   └── favicon.png          # Favicon
├── src
│   ├── api               # 本地静态资源
│   ├── assets               # 本地静态资源
│   ├── components           # 内置组件
│   ├── config               # 项目配置相关
│   ├── directives           # Vue指令目录
│   ├── filters              # 过滤器 
│   ├── logger               # 日志监控 
│   ├── mixins               # mixins 
│   ├── plugins              # element-ui导入
│   ├── router               # 路由配置 
│   ├── store                # Vuex状态管理 
│   ├── views                # 业务页面或组件
│   ├── utils                # 工具库
│   ├── App.vue              # 根组件
│   └── main.js              # 入口JS
├── .env.xxx                 # 环境变量注入文件
├── .eslintrc.js             # eslint规则
├── .eslintignore            # eslint忽略目录
├── .browserslistrc          # 浏览器支持配置            
├── .browserslistrc          # 浏览器支持配置            
├── .vcmrc                   # git提交信息校验配置           
├── babel.config.js          # babel配置            
├── vue.config.js            # vue cli配置
├── README.md
└── package.json

本地开发

安装依赖,我们建议使用yarn进行包管理工具

yarn 

如果你使用npm,则使用

npm install

然后敲入命令即可进行开发

yarn dev # 或者yarn serve,如果您用npm,则键入npm run dev或者npm run serve

启动完成后打开上面的链接 http://localhost:8006，并配置相关授权登陆、获取菜单接口，就可已正常进行开发了。

初始化TODO

项目初始化完成后，你可以全局搜索关键字 TODO ,查看你需要针对当前业务做哪些适应性修改。