首页 技术 正文
技术 2022年11月20日
0 收藏 436 点赞 4,571 浏览 1234 个字

1. 安装git

2.创建SSH-rsa钥匙

PDP开发环境搭建

3. 写入 gitlab

PDP开发环境搭建

4. 克隆分支

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

PDP开发环境搭建

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

PDP开发环境搭建

更新一下 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 在项目中安装依赖

PDP开发环境搭建

npm install

这一步可能会出错,注意几点:

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

2. 确认用了国内的源。

3. node.js 用8.9版本 (不是必须8.9,但新版本试下来是不行的)

成功安装后是这样的:

PDP开发环境搭建

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

npm install -g ionic cordova

成功安装后:

PDP开发环境搭建

10.安装完ionic后,输入 ionic,显示如下:

PDP开发环境搭建

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

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

11.启动项目

完后,重启cmd,输入 ionic serve 会启动项目,会弹出(自动打开)默认浏览器

PDP开发环境搭建

自动弹出网页

PDP开发环境搭建

12如何添加一个子页面

ionic g page testEP 

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

13. 加的页面

PDP开发环境搭建

14.开发框架的相关知识

cordova 文档地址

ionic 文档地址

angular 文档地址

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

PDP开发环境搭建

PDP开发环境搭建

PDP开发环境搭建

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

PDP开发环境搭建

PDP开发环境搭建

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,492
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,907
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,740
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,494
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:8,132
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:5,295