一、微信小程序官方开发工具
注意，它只是个工具，而不是一个IDE。官方工具中的代码编辑功能，就是将vscode的代码编辑功能嵌入到工具中，不足以支撑开发。小程序开发底价
二、即速应用
即速应用是起步较早、使用量较多、比较成熟的平台。大概是比较有钱，所以到处都能看到他们的广告，有时候我在百度中输入和小程序不相关的词，也会d出即速应用的广告。在即速应用这个平台上画界面很容易，可以不怎么需要代码的功底。从组件界面来看，给用户的选择还是蛮多，但是模板比较固化，不能做太多修改定制。有些组件是VIP和SVIP级别的用户才能使用，也就是要收费。
三、Sublime Text 3
sublime text 3定位于代码编辑器而不是IDE，在代码提示方面只能算一般般，不过胜在使用起来非常方便。
四、WebStorm
WebStorm网上有个插件，可以实现代码提示，不能做调试和预览，
想要了解更多有关小程序开发的相关信息，推荐咨询猪八戒网。猪八戒网成立于2006年，是中国领先的企业服务平台，服务交易独角兽企业。猪八戒网现有注册用户2800万、在全国布局线下数字化创业园区超过100个。十余年来，累计有10万余个人通过平台孵化成长为公司，超过100万人通过平台实现灵活就业，千万企业通过平台解决专业服务需求；专业性值得选择。
需要先配置一个调试的服务器，如果会需要安装对应的浏览器插件配合使用
1 首先要安装WebStrom以及在Chrome浏览器里配置好Live Edit插件。
2 运行WebStrom，创建一个web project。
3 修改indexhtml文件如下：
<!DOCTYPE html>
<html>
<body>
<p>
JavaScript 能够直接写入 HTML 输出流中：
</p>
<script>
cars=["BMW","Volvo","Saab","Ford"];
for (var i=0;i<carslength;i++)
{
documentwrite(cars[i] + "<br>");
}
</script>
<p>
您只能在 HTML 输出流中使用 <strong>documentwrite</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
</body>
</html>
4 设置断点，选择indexhtml文件，从右键菜单打开debug。
(摘自互联网)
第一步：检查Mac内存占用情况
1、点击右上角的搜索，搜索活动监视器，双击图标打开
2、可以查看webstorm使用的时候占内存基本是排第一的，尤其是在使用webstorm的iTerm命令窗口 *** 作的时候（我是在使用npm安装Gulp插件），然后我的本本开始键盘发热（右上角更明显），有很明显的风扇转动的声音，这个时候察觉到内存不足CPU占用太高。(ps:所有还是推荐用Mac自带ITerm)
3、查看webstorm的占用内存配置文件，打开Finder选择Application应用程序，找到webstorm右键，选择显示包内容
路径：content/bin，选择webstormvmoptions（有的是ideavmoptions这个文件？）
第二步，将webstorm不需要用到的插件关掉
第三步：修改webstorm使用内存参数，防止卡顿或者闪退（修改阈值减少所占内存比例并不是减少内存数值）
1、选择webstormvmoptions这个文件用webstorm打开
默认参数是
-Xms128m
-Xmx750m
-XX:MaxPermSize=350m
-XX:ReservedCodeCacheSize=240m
-XX:+UseCompressedOops
-javaagent:JetbrainsCrackjar
2、修改前两个数值为：
-Xms512m
-Xmx2048m
-XX:MaxPermSize=350m
-XX:ReservedCodeCacheSize=240m
-XX:+UseCompressedOops
-javaagent:JetbrainsCrackjar
可能遇到的问题，会d出窗口询问是否修改当前文件。因为不是当前打开项目中的文件，是其他文件，软件有d出警告框询问是都修改，这个时候选择OK确认就可以。
修改成功！
对于使用的不用的 *** 作系统对WebStorm更改一下设置，能够在更大的程度上提升效率。
1、Windows 系统
<WebStorm installation folder>/bin/ideaexevmoptions
或是下面的方法进行设置：
<WebStorm installation folder>/bin/idea64exevmoptions
2、NIX 系统
<WebStorm installation folder>/bin/ideavmoptions
或是下面的方法进行设置：
<WebStorm installation folder>/bin/idea64vmoptions
3、Mac *** 作系统
将这个file /Applications/WebStormapp/bin/下的ideavmoptions复制到
~/Library/Preferences/WebIdeXX/ideavmoptions
举个例子，为了增加WebStorm堆的大小，你需要从/Applications/WebStormapp/bin/ideavmoptions 复制original vmoptions文件到~/Library/Preferences/WebIdeXX/ideavmoptions，然后修改-Xmx设置。
对于比较旧的版本的话，就需要如下进行设置存储：
/Applications/WebStormapp/Contents/Infoplist
Unicode文本的管理设置
在WebStorm允许定义非ascii字符是否应该使用文字像‘\ u00AB’或‘\ 00 ab”。
中 *** 作主要是由系统属性ideanative2asciilowercase控制，在默认的情况下，使用大写字符。
也可以使用小写字符，但是需要按照使用的平台进行设置，如下：
1、Windows 和 NIX系统
ideanative2asciilowercase=true
放到bin/ideaproperties文件，这个文件位于产品装包中。
2、Mac *** 作系统
复制/Applications/WebStormapp/bin/ideaproperties文件到~/Library/Preferences/WebIdeXX/下，打开进行编辑，添加行。
对于老版本的WebStorm，打开用于编辑的/Applications/WebStormapp/Contents/Infoplist文件，并添加以下代码:
<key>ideanative2asciilowercase</key>
<string>true</string>
到这个部分
<key>Properties</key> <dict> <dict>
放到bin/ideaproperties文件，这个文件位于产品装包中。
以上就是关于小程序开发工具有哪些全部的内容，包括:小程序开发工具有哪些、webstorm怎么运行调试html、Mac下的webstorm占内存问题/webstorm卡顿等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）