ionic3之开发工具Visual Studio Code-yellowcong

Visual Studio Code(vscode),这货用来开发ionic,我也是从同事那个地方得来的,我都不晓得ionic用啥ide工具开发,在这个地方就简单讲讲vscode的语言设置,以及汉化设置。第一次配置debug环境后和nodejs的,需要重启一下电脑,让环境变量生效,让vscode识别到。第二点,调试需要依赖于chrom浏览器。

vscode下载地址

#官方地址
https://code.visualstudio.com/

#个人下载地址
http://yellowcong.qiniudn.com/VSCodeSetup-x64-1.20.1.exe

语言设置

由于俺是日语的很头疼啊,所以需要设定为英文或中文的

Ctrl+Shift+P

#搜索配置语言
Configure Language

这里写图片描述

修改语言配置

修改locale.json文件,配置为英文即可,然后重启vscode即可

{
    // VSCode の表示言語を定義します。
    // サポートされている言語の一覧については、https://go.microsoft.com/fwlink/?LinkId=761051 をご覧ください。
    // 値を変更するには VS Code の再起動が必要です。
    //"locale":"ja"
    //英文
    "locale":"en"
    //中文
    // "locale":"zh-CN"
}

修改后的结果

不知道为毛看到英文,都没有看到日语头疼。尴尬了
这里写图片描述

微软官方提供的语言参数

Display LanguageLocale
English (US)en
Simplified Chinesezh-CN
Traditional Chinesezh-TW
Frenchfr
Germande
Italianit
Japaneseja
Koreanko
Russianru
Spanishes

Cordova Tools工具下载

1、搜索Cordova tools,添加

这里写图片描述

2、安装成功后,重新加载

安装成功,重新加载生效
这里写图片描述

打开项目

这里写图片描述

打开项目后的项目结构
这里写图片描述

debug测试

1、添加debug配置

这里写图片描述

2、选择环境为Cordova
这里写图片描述

3、修改默认的配置(launch.json)
里面修改Serve to the browser (ionic serve)这个配置默认的超时时间20000,改为了自己想要的时间。然后保存。

这里写图片描述

4、安装chrom浏览器
调试的时候,需要安装chrom浏览器,不然,就会报错,说找不到chrom浏览器。
这里写图片描述

下载地址
https://www.google.cn/chrome/

5、debug运行
在debug模式中,选择Serve to the browser (ionic serve),这个意思是通过web的方式来调试应用。
这里写图片描述

运行后结果
这里写图片描述

常见问题

‘ionic’ 不是内部或外部命令,也不是可运行的程序或批处理文件。

问题很奇怪啊,我直接在cmd里面可以跑,然而在 vscode中,却跑不了,据花疼了。这是环境变量在vscode中没有生效,我们重启一下电脑,就生效了。
这里写图片描述

查看path

我们在vs的终端这个地方,查看path,发现没有生效,重启电脑后,就好了
这里写图片描述

Can’t find Chrome - install

没有找到Chrome (google浏览器),我也懒得折腾,安装个chrom浏览器得了

Can't find Chrome - install it or set the "runtimeExecutable" field in the launch config.Error processing "launch": Error: Can't find Chrome - install it or set the "runtimeExecutable" field in the launch config.
    at launch.then (C:\Users\yellowcong\.vscode\extensions\vsmobile.cordova-tools-1.3.4\out\src\debugger\cordovaDebugAdapter.js:1000:39)
    at <anonymous>
    at process._tickCallback (internal/process/next_tick.js:109:7)

这里写图片描述

参考文章

https://www.cnblogs.com/xbblogs/p/6973023.html
https://www.cnblogs.com/gaohao/p/7110780.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

狂飙的yellowcong

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值