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. CSS从大图片上截取小图标

    一张图片,用CSS分割成多个小图标. css样式: .icon{ background:url(../images/tabicons.png) no-repeat;width:18px; line-h ...

  2. Python 自用代码(scrapy多级页面(三级页面)爬虫)

    2017-03-28 入职接到的第一个小任务,scrapy多级页面爬虫,从来没写过爬虫,也没学过scrapy,甚至连xpath都没用过,最后用了将近一周才搞定.肯定有很多low爆的地方,希望大家可以给 ...

  3. 基于Storyboard的创建多分支NavigationController的方法

    如果遇到本文图片只展示一半的情况,多数情况下刷新一下浏览器即可 遇到的问题 我在写程序的时候碰到这样一个简单的需求,用户点击"我的XX"这样的功能时候,需要判断当前用户是否已经登录 ...

  4. [Algorithms] Solve Complex Problems in JavaScript with Dynamic Programming

    Every dynamic programming algorithm starts with a grid. It entails solving subproblems and builds up ...

  5. Windows 用VS编译libevent源码

    原理:从github上克隆libevent源码,然后使用cmake生成VS工程 github 上 libevent项目地址:https://github.com/libevent/libevent 第 ...

  6. Tomcat Connector的三种不同的运行模式

    Tomcat Connector的三种不同的运行模式性能相差很大,有人测试过的结果如下: 这三种模式的不同之处如下: BIO: 一个线程处理一个请求.缺点:并发量高时,线程数较多,浪费资源. Tomc ...

  7. html 上下左右都居中

    给要居中的图片或者链接所在的div 设置例如以下属性 width: px; height: wd=px&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqI ...

  8. iOS将数组中的内容分拼接成字符串

    NSString *string = [array componentsJoinedByString:@","];--分隔符

  9. Java + Selenium + WebDriver八大元素定位方式

    UI自动化测试的第一步就是进行元素定位,下面给大家介绍一下Selenium + WebDriver的八大元素定位方式.现在我们就以百度搜索框为例进行元素定位,如下图: 一.By.name() Java ...

  10. linux常用命令(个人学习笔记)

    个人说明:学习linux也有半年左右的时间了,从一开始的只会简单的开关机,到现在的熟悉应用一些简单的命令,还是有些进步的,不过对于我这种菜鸟来说,如果不经常用,发现忘的很快.所以就把在学习过程中遇到的 ...