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 ionic@3.9.2

在这里插入图片描述
然后用低版本的ionic创建项目
在这里插入图片描述

这样就可以解决以上错误,创建项目成功了!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值