PDP开发环境搭建

1. 安装git

2.创建SSH-rsa钥匙

 

3. 写入 gitlab

4. 克隆分支

git clone  -b  dev_pdp_minz_ep_metting   git@gitlab.csvw.com:pdp/PDP_APP.git

 5. 安装 node js  ,一路默认安装 ，装8.9版本，最新的会报错。

https://nodejs.org/en/

 6. 新建 C:\Users\用户名\.npmrc 文件

设置npm的仓库地址为国内的淘宝，node-sass的二进制文件地址为淘宝地址，否则是github，会下载失败

(文件名不能为空，请用sublime，vscode等打开目录，然后删除文件名)

#registry=http://172.26.82.64:8801/

registry=https://registry.npm.taobao.org/ 

SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/

7. 这一步不做，可能后续会报错。

打开项目目录，运行cmd

更新一下 package.json文件的 模块依赖关系。然后npm install 就不会报错了。

4.卸载ws@3.2.1 :  

npm uninstall ws

 

5.安装ws@3.2.2 :  

npm install ws@3.3.2 --save-dev --save-exact

 

 

8.npm install 在项目中安装依赖

 

 

npm install

这一步可能会出错，注意几点：

1. python需要2.7版本，到官网安装python2.7的64bit最新版本，安装时自动添加环境变量。（由于新安装的环境变量会在之前3.6版本的之前，所以系统先找到python2.7）

2. 确认用了国内的源。

3. node.js 用8.9版本 （不是必须8.9，但新版本试下来是不行的）

成功安装后是这样的：

 

 

9.然后全局安装 ionic 和 cordova ，当然你可以分两行哈，写在一行表示装2个。

npm install -g ionic cordova

 成功安装后：

 

10.安装完ionic后，输入 ionic，显示如下：

 

如果提示没有找到命令，就打开下面的自己用户文件夹，里面应该有ionic.cmd然后将此目录添加到环境变量Path 

C:\Users\ext-qiuyi\AppData\Roaming\npm

11.启动项目

完后，重启cmd，输入 ionic serve 会启动项目，会弹出（自动打开）默认浏览器

自动弹出网页

 

 

 

 

12如何添加一个子页面

ionic g page testEP 

 会在src/pages/添加一个 test-ep的目录

 

13. 加的页面

 

 

 

 

 

14.开发框架的相关知识

cordova 文档地址

ionic 文档地址

angular 文档地址

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

================下面是一开始 nodejs版本不对时，安装总是报错的一些截图，留作备份供参考==============================

上面总是错，另开一个窗口，安装@ionic/app-scripts