1.0.1 • Published 6 months ago

@jtljia/cli v1.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
6 months ago

@jtljia/cli

一、脚手架使用

1.安装/更新

npm i @jtljia/cli -g --registry=https://registry.npmjs.org

2.命令

命令介绍
jtljia -V查看脚手架版本
jtljia create创建项目

3.初始化项目

命令窗口输入jtljia create后根据提示可创建项目 carbon.png

二、项目介绍

1.项目启动&访问

在新建项目根目录下依次运行

命令介绍
npm i安装依赖
npm run dev启动项目

carbon (1).png 项目启动成功,可查看命令窗口出现的地址访问。默认端口号为80,被占用的情况下,则依次端口号+1判断。 直接访问local地址和network地址会跳往登录页, 需要添加token访问 http://localhost:80/preTokenLogin?token= (模拟测试环境,添加测试环境token) http://172.21.51.16:80/preTokenLogin?token= (模拟生产环境,添加生产环境token)

其他命令

命令介绍
npm run dev:https以https协议启动项目
npm run build / npm run build:prod以生产环境配置打包项目

2.项目配置

打开项目 /src/setting.js 更改其中的配置value carbon (2).png

keyvalue
name系统名称---浏览器标题名称
code系统code---用于缓存系统数据,如果重复会造成tabs组件标签页混乱的问题
applicationId应用id---用于系统挂载时请求接口获取权限、路由
defaultHomePath启动后默认首页、404等页面返回的主页
activeRule如果该应用需要嵌入到qiankun中,需要配置该值,格式为 sub-+code

3.规范和注意事项

  • 为了适配qiankun内嵌,静态资源文件请都放置在src/assets文件目录下。放置在public下的话,单独运行可正常使用,但是内嵌的情况下资源文件会加载失败
  • 需要适配主题色的样式需要使用css变量,可参考/demo/theme页面写法
  • 为了在qiankun内嵌时的性能优化,/src/views/Layout/index.vue中,HeaderAside组件不会渲染,如果有写全局逻辑不能写在这两个组件里

carbon (3).png