ionic 错误收集及开发前环境依赖
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 ionic@3.9.2
然后用低版本的ionic创建项目
这样就可以解决以上错误,创建项目成功了!