ctviews
v1.0.6
Published
- 新建vue文件存放在src/views目录下 - 新建的文件需要再src/index.js当中import配置 - 在example/router/index.js当中配置路由,配置路由的时候采用ctviews.XXX方式引用新建的vue文件 - 当前工程最终会以npm包的方式被portal工程引用,因此最终的路由配置是在portal工程当中,本地工程的example目录下的路由配置只做开发测试使用 实际发布时需要再portal上重新配置路由
Downloads
8
Readme
ct-views
本地开发流程
- 新建vue文件存放在src/views目录下
- 新建的文件需要再src/index.js当中import配置
- 在example/router/index.js当中配置路由,配置路由的时候采用ctviews.XXX方式引用新建的vue文件
- 当前工程最终会以npm包的方式被portal工程引用,因此最终的路由配置是在portal工程当中,本地工程的example目录下的路由配置只做开发测试使用 实际发布时需要再portal上重新配置路由
Project setup
yarn install
Compiles and hot-reloads for development
yarn run serve
Compiles and minifies for production
yarn run build
Run your tests
yarn run test
Lints and fixes files
yarn run lint
Customize configuration
使用方法
- IDEA开发工具需要在设置界面当中配置JS语言版本:Preferences | Languages & Frameworks | JavaScript选择ECMAScript6
- 本地电脑安装NODEJS
- 安装yarn,如果没有安装过,请先安装yarn
npm install -g yarn
(在ct-views根目录下执行) - 设置npm 代理,提升安装速度
npm config set registry https://registry.npm.taobao.org/
- 使用
yarn install
命令安装所有依赖文件 - 本地执行
yarn run serve
启动
编译打包
- 本地执行
yarn run build
- 可以在webpack配置文件中将打包的文件直接放到java工程当中(可选项)
目录结构说明
- assets 资源存放目录(使用assets下面的资源,在js中使用的话,路径要经过webpack中file-loader编译,路径不能直接写)
- components 是公共组建存放目录
- config ajax env store等基础配置文件存放目录
- router 页面路由管理文件存放目录
- service 对接服务端api 统一管理
- store 状态数据存储管理 (https://vuex.vuejs.org/zh/)
- tools 工具包 类似Java后台管理系统的工具类(添加前提)
- views 功能模块页面存放目录
常用插件
- 全年日历 https://nono1526.github.io/vue-material-year-calendar/
npm私服发布
- 添加用户:ccic
npm adduser --registry http://npm.xiqiao.io
- 登录
npm login --registry http://npm.xiqiao.io
用户名:ccic
密码:ccic
邮箱:[email protected]
- 打包后发布
npm run release
npm publish --registry http://npm.xiqiao.io