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. --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

PDP开发环境搭建的更多相关文章

  1. python开发环境搭建

    虽然网上有很多python开发环境搭建的文章,不过重复造轮子还是要的,记录一下过程,方便自己以后配置,也方便正在学习中的同事配置他们的环境. 1.准备好安装包 1)上python官网下载python运 ...

  2. IntelliJ IDEA安装及jsp开发环境搭建

    一.前言 现在.net国内市场不怎么好,公司整个.net组技术转型,就个人来说还是更喜欢.net,毕竟不是什么公司都像微软一样财大气粗开发出VS这样的宇宙级IDE供开发者使用,双击sln即可打开项目, ...

  3. Qt for Android开发环境搭建及测试过程记录

    最近学习了Qt的QML编程技术,感觉相较于以前的QtGUI来说更方便一些,使用QML可以将界面与业务逻辑解耦,便于开发. QML支持跨平台,包括支持Android平台,因此可以使用Qt的QML进行An ...

  4. node.js之开发环境搭建

    一.安装linux系统 (已安装linux可跳此步骤) 虚拟机推荐选择:VirtualBox 或者 Vmware (专业版永久激活码:5A02H-AU243-TZJ49-GTC7K-3C61N) 我这 ...

  5. TODO:小程序开发环境搭建

    TODO:小程序开发环境搭建 1.第一步当然是要先注册小程序了 2.登录到小程序 a)完善小程序信息,如名称,图标,描述 3.绑定开发者 4.获取AppID,并设置服务器信息 5.下载并安装开发者工具 ...

  6. Eclipse中Python开发环境搭建

    Eclipse中Python开发环境搭建  目 录  1.背景介绍 2.Python安装 3.插件PyDev安装 4.测试Demo演示 一.背景介绍 Eclipse是一款基于Java的可扩展开发平台. ...

  7. Windows 10 IoT Serials 1 - 针对Minnow Board MAX的Windows 10 IoT开发环境搭建

    目前,微软针对Windows IoT计划支持的硬件包括树莓派2,Minnow Board MAX 和Galileo (Gen 1和Gen 2).其中,Galileo (Gen 1和Gen 2)运行的是 ...

  8. Eclipse swt开发环境搭建

    原料: eclipse swt.下载链接为: Eclipse 4.6.2 Release Build: 4.6.2 配置说明: Developing SWT applications using Ec ...

  9. Ionic- Android 开发环境搭建

    Ionic- Android 开发环境搭建 为时一周的IONIC ADNROID 环境终于在各种处理错误中搭建成功,以下记录下搭建过程中遇到的各种情况的处理办法. 一 首先,当然是enviroment ...

随机推荐

  1. 在Centos7.x中安装psutil模块

    一.window10操作系统(Python 3.6开发环境)安装psutil 1.安装psutil模块 wget https://pypi.python.org/packages/source/p/p ...

  2. django book表单验证学习

    django提供了强大的表单验证功能form 个人认为是把html代码封装到form里面,就像封装models中的数据一样.而且带有强大的验证功能,不需要后台再去写一堆乱七八糟的验证 具体操作查看dj ...

  3. 损失函数(loss function)

    通常而言,损失函数由损失项(loss term)和正则项(regularization term)组成.发现一份不错的介绍资料: http://www.ics.uci.edu/~dramanan/te ...

  4. 一个基于RSA算法的Java数字签名例子

    原文地址:一个基于RSA算法的Java数字签名例子 一.前言: 网络数据安全包括数据的本身的安全性.数据的完整性(防止篡改).数据来源的不可否认性等要素.对数据采用加密算法加密可以保证数据本身的安全性 ...

  5. 新人补钙系列教程之:AS3 位运算符

    ECMAScript 整数有两种类型,即有符号整数(允许用正数和负数)和无符号整数(只允许用正数).在 ECMAScript 中,所有整数字面量默认都是有符号整数,这意味着什么呢? 有符号整数使用 3 ...

  6. 介绍下Shell中的${}、##和%%使用范例

    假设定义了一个变量为:代码如下:file=/dir1/dir2/dir3/my.file.txt可以用${ }分别替换得到不同的值:${file#*/}:删掉第一个 / 及其左边的字符串:dir1/d ...

  7. Laravel之备忘项(不定期更新)

    1.自定义字段验证错误信息 $this->validate($request, ['name' => 'required|max:50'], ['name.required' => ...

  8. 标准库priority_queue的一种实现

    优先级队列相对于普通队列,提供了插队功能,每次最先出队的不是最先入队的元素,而是优先级最高的元素. 它的实现采用了标准库提供的heap算法.该系列算法一共提供了四个函数.使用方式如下: 首先,建立一个 ...

  9. TCO'10 Wildcard Round 1000pt

    题目大意: 给定一个N*M的棋盘,棋子可以攻击其左右距离不超过K的棋子.问有多少种放法使得棋盘上的棋子不能互相攻击. N,M,K都在1到1000000000的范围内,结果对100003取模. 官方题解 ...

  10. UINavigationbar/UINavigationItem/UITabBar/UITabButton/UITabBarItem粑粑粑粑~

    看着标题是不是乱的一塌糊涂...... . 在开发中,你非常可能就理不清这些关系,刚好闲的蛋疼,来整理一下吧. 一.UINavigationBar.UINavigationItem.UIBarButt ...