lucifer-goose-ui

goose-cli使用文档

goose-cli的运行 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)

以下是node.js的下载地址

http://nodejs.cn/download/

安装完成可以在命令行输入以下命令查看当前安装的node版本和npm的版本

node -v npm -v

项目需要从npm仓库中拉取，需要先配置代理地址

npm set registry http://node.wobuzaijia.host:4873

使用命令从npm仓库中下载goose-cli到本地

npm install -g goose-cli

以下命令可查看当前仓库中goose工程的列表

goose list

初始化一个goose项目

goose init

项目初始化完成后在工程目录下使用npm下载依赖包

npm install

本地启动项目

npm run serve

构建生产离线包

npm run build

如下是本项目的工程目录

 |---command                     goose公共配置文件
 |---goose_modules               goose框架自带的插件
 |---node_modules                npm下载的前端依赖插件
 |---public                      存放index.html
 |---www                         存放打包生成的文件资源
 |---src
   |---assets                    公共资源
   |---mixins                    公共mixins
   |---components                项目公共组件
   |---pages                      存放交易页面文件
     |---index                   index模块
       |---index-skeleton.html   骨架屏页面
       |---app.js                js入口文件，用于配置本页面引用的资源
       |---IndexApp.vue          vue页面

  ---
  ---                             脚手架公共配置文件，不建议修改

在工程中创建新的交易页面

创建过程中需要输入页面名字并确认是否需要骨架屏

创建一个页面

在控制台中进入需要创建页面的目录，例如/src/pages，执行 goose init-page指令，输入页面名称、是否需要模板(即骨架屏)、页面标题即可保存页面

创建一个公共组件

在工程根目录，执行goose init-component，输入组件名称即可创建组件

文件放置规范

1、以交易页面为单位，每个页面都使用goose init-page创建 2、新增的组件格式一律按照组件案例编写并且以index.js作为入口文件，组件文件夹和vue文件都按照大驼峰命名 3、交易中新建的组件如需公用建议放在src/components文件中，否则放在当前目录结构下 4、项目中使用到的img，js，css等文件放在assets文件下 5、交易中新建的子页面，打包后的文件命名为“父页面文件夹名称-子页面文件夹名称.html”

文件命名规范

1、js文件名：文件名小写，遵循kabab规则，即a-b-c.js， 2、vue文件名：遵循TitleCase规则，即TradeCommon.vue， 3、图片文件名：文件名小写，遵循kabab规则，即a-b-c.png等， 4、样式表文件名：文件名小写，遵循kabab规则，即a-b-c.css， 5、所有文件不允许使用中文命名

vue文件书写规范

1、推荐使用es6写法 2、template中必须有且只有一个div标签，否则会报错 3、如需修改全局样式，需在assets/css/global.less中修改 4、推荐使用less编写样式 5、在export default中，推荐如下顺序 components，name，props，data，computed，watch，filter，methods，且生命周期的钩子函数要按照顺序放置 6、methods中每个方法都要写注释，注释中要写出作者、方法的用途 7、变量名，方法名，属性名遵循camelCase命名规范，即tradeCommon，并且要体现实际用途