（个人笔记）配置AngularJS APP 客户端

开始

一、前言

1. 因为 npm 命令执行下载部分文件可能被墙，导致下载失败，因此我们使用 淘宝的NPM 镜像站。
2. 当前项目使用了 ionic ，因此我们也要安装这个。

二、安装

1. 安装 淘宝NPM 镜像

如果您安装过 淘宝NPM 请忽略此步骤

npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 安装 ionic

如果您安装过 ionic 请忽略此步骤

1. 安装ionic

cnpm install -g cordova ionic
cnpm install -g ionic@latest

注意： 以上命令执行一个即可

2. 检测安装

ionic -v

3. 尝试启动 ionic serve

ionic serve

注意：

1. 请在 "项目路径" 下运行此命令

2. 如果启动失败，让安装 @ionic/app-scripts 服务请 输入N（不安装），然后执行序号 4

3. 报错中缺失的 '@ionic/app-scripts'

cnpm install @ionic/app-scripts@latest --save-dev

3. 导入 cordova-plugin-image-picker-master

1. 下载

访问 https://github.com/shaik305/cordova-plugin-image-picker

2. 解压

此文件需要放入到 cnpm.cmd 相同路径下的 node_modules 文件夹
部分用户 放入到 NodeJs 安装目录下的 node_modules 文件夹
部分用户 放入到 C:\Users\你的用户名\AppData\Roaming\npm 目录下的 node_modules 文件夹
部分哦那个 放入到 一个 node_g****** 路径下的 node_modules 文件夹

4. 重装 node-sass

因为一些不知的原因导致 node-sass 出现问题 可以选择从新安装一次

1. 卸载

卸载可能会报错，不必理会

cnpm rm node-sass

2. 安装

安装可能会报错，可以选择 序号3 去构建

cnpm install node-sass

3. 构建

运行后如果遇到错误 请执行 序号 4

cnpm rebuild node-sass

4. 解决错误

用可能在重装的过程中，会出现找不到模块的问题
请使用 > cnpm install [模块名] 解决问题
解决后请 执行 》卸载 》构建

5. 将 node_modules 写入项目

1. 前言

写入过程中可能会出现网络连接不稳定 可以尝试多长写入

2. 写入

cnpm install

3. 其他问题

待补充

三、启动项目

1. 使用命令行 启动项目

npm run service

2. 启动项目后会弹出 :8100 端口的网站

1. 如果未显示任何内容 请重试 》二、安装 内的 2，3，4，5 （可以尝试其他方法）
2. 如果 显示出内容 但是是报错 请使用一下命令 安装缺少的文件 （部分已知错误请看下方的错误）
   cnpm install --save [名称]
3. 如果页面显示正常 无任何报错 恭喜

常见报错

1. 如果typescript报错

cnpm install in typescript-tools

2. 安装 @ionic-native/ 其他组件

cnpm install --save @ionic-native/file
cnpm install --save @ionic-native/file-opener
cnpm install --save @ionic-native/geolocation
cnpm install --save @ionic-native/browser-tab

3. 安装 angular2-signaturepad

cnpm install angular2-signaturepad --save

4. 安装 echarts

cnpm install --save echarts