ioni項目開發前環境準備及錯誤收集

ionic 開發前需要準備的工作

1、 安裝node 後配置npm環境

2、安裝ionic相關

    npm install -g ionic@latest
	npm install -g angular-cli@latest
	npm install -g cordova@latest
	npm install –g typescript
	npm install -g @ionic/cli-plugin-proxy

vscod插件(主要開發Ionic)

Auto Close Tag (自動關閉HTML標籤)
Auto Rename Tag (HTML標籤自動改名)
Auto Import 自動導入引用
Angular 7 Snippets - TypeScript, Html, Angular Material, ngRx, RxJS & Flex Layout
Babel ES6/ES7:ES6,ES7語法加亮檢查插件。
Beautify 美化javascript、JSON、CSS、Sass和HTML
Cordova Tools: 開發調試
Dash:根據你當前選中的語言查找 dash 裏面的文檔
Debugger for Chrome 從VS代碼中調試運行在Google Chrome中的JavaScript代碼
Font-awesome codes for css (snippets):FontAwesome提示代碼段
HTML CSS Support (HTML中提示可用的class)
HTML Snippets:html提示
Ionic 3 ionView Snippets:ionic的view組件提示
Ionic 3 snippets:ionic提示
JavaScript (ES6) code snippets:ES6語法代碼段
JavaScript Atom Grammar: 使用atom風格的語法高亮
JS-CSS-HTML Formatter:格式化代碼
Path Intellisense (路徑補全)
SCSS IntelliSense SCSS智能提醒
Typings auto installer:自動安裝@types聲明依賴
vscode-icons        文件圖標,方便定位文件

ionic start 創建項目報錯“[ERROR] Network connectivity error occurred, are you offline?”

錯誤詳情截圖
在這裏插入圖片描述
這是由於最新版本的ionic在創建的時候需要翻牆鏈接國外網站,導致失敗,我的解決方案是:
回退ionic版本,如下:

npm install -g [email protected]

在這裏插入圖片描述
然後用低版本的ionic創建項目
在這裏插入圖片描述

這樣就可以解決以上錯誤,創建項目成功了!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章