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. django开发环境部署之pip、virtualenv、virtualenvwrapper

    step1:安装pip 在python中可以使用easy_install和pip安装python拓展但推荐使用pip Don't use easy_install, unless you like s ...

  2. CSU - 1542 Flipping Parentheses (线段树)

    CSU - 1542 Flipping Parentheses Time Limit: 5000MS   Memory Limit: 262144KB   64bit IO Format: %lld ...

  3. FormData上传文件同时附带其他参数

    前端js代码: function fileSubmit() { var formData = new FormData(); formData.append(].files[]); var type ...

  4. OpenCV2学习笔记(十五):利用Cmake高速查找OpenCV函数源代码

    在使用OpenCV时,在对一个函数的调用不是非常了解的情况下,通常希望查到该函数的官方声明.而假设想进一步研究OpenCV的函数,则必须深入到源码. 在VS中我们能够选中想要查看的OpenCV函数,点 ...

  5. 全民Scheme(1):数字游戏

    刚刚看到两句话,感觉不错,分享给大家: 1.用户的问题.就是我们的问题 2.做一些用户想要的东西 (define add1 (lambda (x) (+ 1 x))) (define sub1 (la ...

  6. JSP 基于Oracle分页

    booklist.jsp <%@page import="books.accp.utils.Pager"%> <%@page import="books ...

  7. python pip install error

    使用pip install的时候报错 解决方法是使用如下的命令进行安装 python -m pip install sqlalchemy 升级pip的命令python2 -m pip install ...

  8. 单例模式 - GCD 、兼容ARC和MRC

    单例模式 - GCD .兼容ARC和MRC 单例模式的作用: 1,能够保证在程序执行过程.一个类仅仅有一个实例,并且该实例易于供外界訪问 2,从而方便地控制了实例个数,并节约系统资源 单例模式的使用场 ...

  9. Odoo many2many command

    CREATE = lambda values: (0, False, values) // (0,False, Values) //创建 UPDATE = lambda id, values: (1, ...

  10. 杭电 HDU 2717 Catch That Cow

    Catch That Cow Time Limit: 5000/2000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) T ...