Commit f84b9e09 authored by 宋帮潮's avatar 宋帮潮

''

parent f7f936c0
...@@ -12,23 +12,23 @@ ...@@ -12,23 +12,23 @@
1. 打开安装好的 GitBook。 1. 打开安装好的 GitBook。
2. 选择 New Book。 2. 选择 New Book。
![创建书籍1](assets/create_book_1.png "创建书籍") ![创建书籍1](img/create_book_1.png "创建书籍")
3. 输入 Book 的名称,选择 Create Book。 3. 输入 Book 的名称,选择 Create Book。
![创建书籍2](assets/create_book_2.png "创建书籍") ![创建书籍2](img/create_book_2.png "创建书籍")
4. 创建成功以后视图中出现刚创建的图书,点击就可以打开刚创建的图书了。 4. 创建成功以后视图中出现刚创建的图书,点击就可以打开刚创建的图书了。
![创建书籍3](assets/create_book_3.png "创建书籍") ![创建书籍3](img/create_book_3.png "创建书籍")
## 下载书籍 ## 下载书籍
1. 首先从 GitLab 库中 clone 已存在的某书籍。 1. 首先从 GitLab 库中 clone 已存在的某书籍。
2. 选择 import 导入该书籍的文件夹。 2. 选择 import 导入该书籍的文件夹。
![导入书籍1](assets/import_book_1.png "导入书籍") ![导入书籍1](img/import_book_1.png "导入书籍")
![导入书籍2](assets/import_book_2.png "导入书籍") ![导入书籍2](img/import_book_2.png "导入书籍")
## 同步书籍 ## 同步书籍
当书籍内容发生更改后,可以通过点击 Sync 进行同步。 当书籍内容发生更改后,可以通过点击 Sync 进行同步。
![同步书籍](assets/sync_book.png "同步书籍") ![同步书籍](img/sync_book.png "同步书籍")
## GitBook 语法 ## GitBook 语法
...@@ -257,7 +257,7 @@ alt 和 title 即对应 HTML 中的 alt 和 title 属性(都可省略): ...@@ -257,7 +257,7 @@ alt 和 title 即对应 HTML 中的 alt 和 title 属性(都可省略):
* title 表示鼠标悬停在图片时的显示文本(注意这里要加引号)。 * title 表示鼠标悬停在图片时的显示文本(注意这里要加引号)。
* url 即图片的 url 地址,如果引用本仓库中的图片,直接使用相对路径就可了。 * url 即图片的 url 地址,如果引用本仓库中的图片,直接使用相对路径就可了。
![示例图片](assets/logo.png "示例图片") ![示例图片](img/logo.png "示例图片")
#### 图片链接 #### 图片链接
...@@ -265,9 +265,9 @@ alt 和 title 即对应 HTML 中的 alt 和 title 属性(都可省略): ...@@ -265,9 +265,9 @@ alt 和 title 即对应 HTML 中的 alt 和 title 属性(都可省略):
| 语法 | 效果 | | 语法 | 效果 |
| --- | :---: | | --- | :---: |
| `[![hand-logo]](http://app.hand-china.com/hrms/)` | [![](/assets/logo.png "点击图片进入hand")](http://app.hand-china.com/hrms/) | | `[![hand-logo]](http://app.hand-china.com/hrms/)` | [![](/img/logo.png "点击图片进入hand")](http://app.hand-china.com/hrms/) |
`[hand-logo]:/assets/logo.png "点击图片进入hand"` `[hand-logo]:/img/logo.png "点击图片进入hand"`
### 列表 ### 列表
......
# Android打包
---
### I. Android打包步骤
* 1)进入工程目录,更新代码,修改baseConfig参数,执行gulp build-dev命令
![](/picture/android_apk1.png)
* 2)为了更新代码和插件,重新添加android平台,执行下列命令:
* 1.cordova platform rm android //删除安卓平台
* 2.cordova platform add android //添加安卓平台
![](/picture/android_apk.png)
* 3)开始执行android打包命令(开发调试时只需要打debug包)
* cordova build android //执行打包apk
![](/picture/android_apk2.png)
* 4)查看apk文件大小
![](/picture/android_apk_bug4.png)
### II.常见异常处理
* 1)首次打包时会遇到的问题
![](/picture/android_apk_bug.png)
* 2)解决异常步骤
* 1.执行cordova plugin //查看版本号
![](/picture/android_apk_bug1.png)
* 2.执行cordova plugin rm cordova-plugin-crosswalk-webview //移除插件
![](/picture/android_apk_bug2.png)
* 3.cordova plugin add cordova-plugin-crosswalk-webview@1.8.0 //重新添加
![](/picture/android_apk_bug3.png)
* 4.重新执行下列命令:
* 1.cordova platform rm android //删除安卓平台
* 2.cordova platform add android //添加安卓平台
* 3.cordova build android //执行打包apk
* 5.查看文件大小,确认是否打包成功。
\ No newline at end of file
...@@ -2,24 +2,18 @@ ...@@ -2,24 +2,18 @@
# gulpfile.js文件介绍 # gulpfile.js文件介绍
* gulpfile.js_文件
- gulp.js 是一种基于流的,代码优于配置的新一代构建工具,我们项目中集成gulp
- 项目中常用的`gulp`命令如下
- 项目中常用的`gulp`命令如下
- `gulp build-dev`用于构建开发环境,此命令会将项目中的html,scss,js以及其他文件合拼压缩并复制到`www`文件夹下
![](/img/gulpjs-build-dev.png)
--- - `gulp watch`用于监听项目中的文件有没有发生变化,文件发生变化后会自动覆盖`www`文件夹下的文件 **注:在window上监听html文件会出错,需要从新执行`gulp build-dev`**
![](/img/gulp-watch.png)
- `gulp build-prod`构建正式环境环境,与`gulp build-dev`相似,区别在于加载的资源文件不同
- `gulp clean`移除构建环境清除`www`文件夹及其它文件
![](/img/gulp-clean.png)
* ### gulpfile.js_文件
- `gulp命令`
- `gulp-jshint 检查代码,打印报告信息`
- `gulp-useref html页面中的js,css引用进行合并,压缩等操作`
- `gulp sass 把 Sass 编译成 CSS`
- `gulp-concat 合并javascript文件,减少网络请求. `
- `gulp-uglify 压缩javascript文件,减小文件大小`
- `gulp-rename 把处理好的文件存放到指定的位置之前,我们可以先去重新命名一下它`
- `gulp-cssnano 优化 css 的插件如空白转换`
- `gulp-run-sequence 控制多个任务进行顺序执行或者并行执行插件安装`
- `gulp-clean 清理档案`
- `gulp-notify 显示报错信息和报错后不终止当前gulp任务`
- `gulp-ng-config 提示信息`
- `tiny-lr 自动刷新页面`
- `lazypipe 提出流中的公共部分`
<<<<<<< HEAD
# 前端开发规范
---
### I. 文件命名规范
**html,js,scss文件命名统一用小写的英文字母且三个文件名必须相同,若文件名过长可以简写或者有‘-’链接,不得包含汉字空格和特殊字符。**
### 原则:
* 1)方便理解,见名知义
* 2)方便查找
![](/picture/h.png)
### II. controller命名规范
**控制器命名统一用 文件名+Ctrl,若文件名拼接则第一个单词首字母小写其余单词首字母大写,如下图所示:**
![](/picture/h4.png)
### III. SCSS文件注册
**当创建一个新SCSS文件后,要在theme目录下app.core.scss文件里import,如下图所示:**
![](/picture/h1.png)
![](/picture/h3.png)
### IV. 前端样式开发注意点
* 1)class选择器在SCSS文件里编写样式时要注意在前面加‘.’ ,如下图所示:
![](/picture/a.png)
* 2)前端布局开发,建议使用flex布局(方便)
* 3)前端样式在写宽度 with时,必须使用百分号(%)来确定宽度,不允许使用px。原因:使用%来确定with,不会随着屏幕的增大而导致样式改变。如下图所示:
![](/picture/a1.png)
=======
# 前端开发规范 # 前端开发规范
--- ---
...@@ -41,6 +83,5 @@ ...@@ -41,6 +83,5 @@
![](/picture/a2.png) ![](/picture/a2.png)
* 5)js中对象,数组等的定义,统一集中写在上方,每个方法都要写好注释。如下图所示:
![](/picture/a3.png) >>>>>>> 21a37278d7723aa9b04782fd221ddc9df4029858
\ No newline at end of file
...@@ -4,6 +4,12 @@ ...@@ -4,6 +4,12 @@
* ### I. platforms打包的平台 * ### I. platforms打包的平台
- 应用打包是会生成对应的平台项目 - 应用打包是会生成对应的平台项目
```
│ platforms.json
├─android
|-ios
```
......
# publish目录介绍 # publish目录介绍
### I. pubish_子目录(列表)
---
* ### I. pubish_子目录(列表)
* 1.1.develop_目录 * 1.1.develop_目录
- `生产环境目录(config.xml的是控制cordova应用程序的行为的许多方面的全局配置文件)` - `生产环境目录(config.xml的是控制cordova应用程序的行为的许多方面的全局配置文件)`
...@@ -17,39 +8,16 @@ ...@@ -17,39 +8,16 @@
* 1.2.product_目录 * 1.2.product_目录
- `正式环境目录,config.xml是全局配置文件(包括一些插件的配置等)` - `正式环境目录,config.xml是全局配置文件(包括一些插件的配置等)`
### II. pubish_子目录(列表)
```
D:.
├─develop
│ config.xml
└─product
│ config.xml
└─hand-im-plugin-device
plugin.xml
```
`
# publish目录介绍
---
* ### I. pubish_子目录(列表)
* 1.1.develop_目录
- `生产环境目录(config.xml的是控制cordova应用程序的行为的许多方面的全局配置文件)`
* 1.2.product_目录
- `正式环境目录,config.xml是全局配置文件(包括一些插件的配置等)`
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
* [1.2.Maven的使用](/maven.md) * [1.2.Maven的使用](/maven.md)
* [1.3.中台开发环境的搭建](/create-project.md) * [1.3.中台开发环境的搭建](/create-project.md)
* [1.4.node的安装及配置](/APP环境搭建/node.md) * [1.4.node的安装及配置](/APP环境搭建/node.md)
* [1.5.android-studio的安](/APP环境搭建/android-studio.md) * [1.5.android-studio的安](/APP环境搭建/android-studio.md)
** 注:**前期开发可不必安装 ** 注:**前期开发可不必安装
* [1.6.前端开发环境的搭建](/APP环境搭建/ionic-project.md) * [1.6.前端开发环境的搭建](/APP环境搭建/ionic-project.md)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment