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