本篇文章給大家談?wù)勑〕绦蜷_發(fā)工具，以及怎么樣開發(fā)小程序?qū)?yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、微信小程序需要哪些開發(fā)工具
• 2、小程序用什么開發(fā)工具
• 3、微信開發(fā)用什么軟件
• 4、小程序制作軟件
• 5、微信小程序開發(fā)|工具|npm 使用
• 6、框架跨平臺(tái)小程序開發(fā)用哪個(gè)工具簡(jiǎn)單易學(xué)

微信小程序需要哪些開發(fā)工具

微信小程序需要哪些開發(fā)工具?

一、微信小程序官方開發(fā)工具

注意，它只是個(gè)工具，而不是一個(gè)IDE。官方工具中的代碼編輯功能，就是將vscode的代碼編輯功能嵌入到工具中，不足以支撐開發(fā)。

優(yōu)點(diǎn)

因?yàn)槭枪俜焦ぞ咚杂羞@其它第三方工具有這不可比擬的天然優(yōu)勢(shì)，如果不是他代碼編輯功能太弱的話。

官方工具，可調(diào)試，可預(yù)覽

基本的代碼編輯、智能提示、調(diào)試等功能都有

項(xiàng)目管理、創(chuàng)建、手機(jī)預(yù)覽、代碼提交審核

官方維護(hù)更新

缺點(diǎn)

不好的地方也很明顯，總體而言是一款工具而不是IDE。糟糕的代碼編輯功能，寫起代碼非常別扭，這是我放棄它的最重要原因。

api提示不全，要一個(gè)個(gè)查api，影響寫代碼的速度

很多必備的快捷鍵都沒有，比如全選關(guān)鍵字、快速?gòu)?fù)制一行等等

顏色主題不能選，不喜歡白色風(fēng)格怎么搞

沒有插件 沒有插件 沒有插件 重要的事情說(shuō)三遍

評(píng)價(jià)

目前因?yàn)樾枰玫轿⑿舧eb開發(fā)工具進(jìn)行小程序的創(chuàng)建、調(diào)試、查看、預(yù)覽、上傳，所以這個(gè)工具必不可少。但是代碼編輯功能實(shí)在太差，推薦使用其它第三方代碼編輯工具代替。

二、即速應(yīng)用——適合技術(shù)小白的小程序開發(fā)工具

嚴(yán)格來(lái)說(shuō)，即速應(yīng)用并不是為專業(yè)程序員準(zhǔn)備的開發(fā)工具，但它絕對(duì)是一款功能非常強(qiáng)大的微信小程序制作工具。不懂技術(shù)不懂編程的人，一定會(huì)愛上即速應(yīng)用這款工具的。

優(yōu)點(diǎn)

可視化操作，直接拖拽組件生成頁(yè)面

提供大量可套用的模板

可將代碼打包下載，直接對(duì)接到小程序的開發(fā)工具

下載下來(lái)后的代碼可以任意編輯

缺點(diǎn)

電商模板居多，其他類別的模板較少

復(fù)雜的功能仍然需要專業(yè)程序員二次開發(fā)

評(píng)價(jià)

客觀地說(shuō)，即速應(yīng)用這款微信小程序制作工具非常適合技術(shù)小白。因?yàn)樗喈?dāng)于把需要代碼的`部分都幫你做好了，所以不用太頭疼技術(shù)方面的問(wèn)題。當(dāng)然，如果你是程序員，一樣可以在它生成的代碼基礎(chǔ)上進(jìn)行二次開發(fā)的。

三、Sublime Text 3——簡(jiǎn)潔高效的開發(fā)工具

sublime text 3定位于代碼編輯器而不是IDE，在代碼提示方面只能算一般般，不過(guò)勝在使用起來(lái)非常方便。

優(yōu)點(diǎn)

打開文件速度倍兒快、UI簡(jiǎn)潔大方

代碼編輯體驗(yàn)舒適、高效

擁有大量插件，針對(duì)不同需求基本上能找到對(duì)應(yīng)插件來(lái)滿足

第三方開發(fā)者開發(fā)小程序插件用于代碼著色和代碼提示

缺點(diǎn)

沒有調(diào)試，沒有預(yù)覽

因?yàn)槭堑谌介_發(fā)者編寫的插件，代碼提示也不是非常全面

評(píng)價(jià)

使用門檻不會(huì)太高，可以迅速上手。是但如果想實(shí)現(xiàn)一些豐富的功能就會(huì)比較吃力了。

四、WebStorm——功能繁多的重度開發(fā)工具

WebStorm網(wǎng)上有個(gè)插件，可以實(shí)現(xiàn)代碼提示，不能做調(diào)試和預(yù)覽，并且屬于重度工具，如果你是，可以嘗試一下這個(gè)工具。

優(yōu)點(diǎn)

有插件可以實(shí)現(xiàn)代碼高亮，代碼提示等功能

有非常成熟和非常豐富的功能

各種快捷鍵

缺點(diǎn)

無(wú)法調(diào)試預(yù)覽

功能比較多、比較臃腫

評(píng)價(jià)

Webstorm和上述幾個(gè)工具相比，代碼編輯功能較強(qiáng)大。但是需要插件支持才可以開發(fā)小程序，而且體積臃腫。

小程序用什么開發(fā)工具

常見的小程序開發(fā)工具具有以下幾種：

1、微信小程序官方開發(fā)工具

目前因?yàn)樾枰玫轿⑿舧eb開發(fā)工具進(jìn)行小程序的創(chuàng)建、調(diào)試、查看、預(yù)覽、上傳，所以這個(gè)工具必不可少。但是代碼編輯功能實(shí)在太差，推薦使用其它第三方代碼編輯工具代替。

2、Sublime Text 3

使用門檻不會(huì)太高，可以迅速上手，是但如果想實(shí)現(xiàn)一些豐富的功能就會(huì)比較吃力了，屬于簡(jiǎn)潔高效的開發(fā)工具。

3、WebStorm

WebStorm網(wǎng)上有插件，可以實(shí)現(xiàn)代碼提示，不能做調(diào)試和預(yù)覽，屬于功能繁多的重度來(lái)發(fā)工具。

微信開發(fā)用什么軟件

微信開發(fā)者工具這是微信提供的微信小程序開發(fā)工具，可以通過(guò)它來(lái)使用代碼開發(fā)，也有小程序開發(fā)文檔提供，很多程序員都會(huì)使用這個(gè)微信開發(fā)者工具。微信開發(fā)者工具屬于是代碼編程開發(fā)工具，除此之外也會(huì)有其他的代碼編程開發(fā)工具，不過(guò)前提是需要懂代碼才能使用這種開發(fā)工具，有一定的上手難度哦。

saas微信小程序開發(fā)工具這種微信小程序開發(fā)工具小程序制作工具其實(shí)是很常見的，它的操作方式主要是模塊拖拽式搭建的微信小程序工具，較多的商家企業(yè)會(huì)使用這種工具來(lái)開發(fā)小程序，因?yàn)槿菀咨鲜帧⑿矢?，而且性價(jià)比較高。

其他工具軟件微信小程序開發(fā)中需要用到很多圖片素材，所以可能會(huì)用上一些作圖工具，例如PS、CDR、Ai等。如果是需要用到視頻素材則需要有Pr等等這種視頻剪輯工具。其他更多的工具就看個(gè)人需求來(lái)尋找使用啦。

小程序制作軟件

一、知曉云

知曉云是愛范兒旗下繼知曉程序（minapp.com，媒體和小程序商店）后又一個(gè)基于微信生態(tài)的核心產(chǎn)品。

是國(guó)內(nèi)第一個(gè)專注于微信小程序開發(fā)的BaaS（Backend as a Service）產(chǎn)品，它可以讓開發(fā)者更快、更輕松地做出優(yōu)美、穩(wěn)定的小程序，且不失靈活性。

二、微信官方小程序開發(fā)工具

作為官方小程序開發(fā)工具，它只是個(gè)工具，而不是一個(gè)IDE。官方工具中的代碼編輯功能，就是將vscode的代碼編輯功能嵌入到工具中，不足以支撐開發(fā)。因?yàn)槭枪俜焦ぞ咚晕⑿殴俜叫〕绦蜷_發(fā)工具有著其他第三方平臺(tái)不可比擬的天然優(yōu)勢(shì)。

三、Coolsite360

CoolSite360推出的小程序編輯器，可以幫助設(shè)計(jì)師無(wú)需編寫wxml以及wxss代碼，通過(guò)小程序可視化編輯器就可快速設(shè)計(jì)小程序交互UI。使用小程序編輯器設(shè)計(jì)的頁(yè)面，可以方便地在微信及瀏覽器上預(yù)覽，便于前期的原型展示分享。設(shè)計(jì)好的頁(yè)面，可以一鍵導(dǎo)出符合小程序標(biāo)準(zhǔn)的代碼，可直接進(jìn)行功能開發(fā)。

四、即速應(yīng)用

嚴(yán)格來(lái)說(shuō)，即速應(yīng)用不是為專業(yè)程序員準(zhǔn)備的開發(fā)工具，但它絕對(duì)是一款功能非常強(qiáng)大的微信小程序制作工具。不懂技術(shù)不懂編程的小白，一定會(huì)愛上即速應(yīng)用這款工具的。

微信小程序開發(fā)|工具|npm 使用

用過(guò) npm 的小伙伴肯定很熟悉 node_modules，但是「微信開發(fā)工具」是不認(rèn) node_modules 的 , 它認(rèn)的是 miniprogram_npm； 而 miniprogram_npm 是通過(guò) node_modules 轉(zhuǎn)出來(lái)的， 它是通過(guò)「微信開發(fā)工具」的 “工具” - “構(gòu)建 npm” 生成出來(lái)的。

具體步驟如下：

1、 npm init

這里會(huì)產(chǎn)生 package.json 的配置文件

2、 npm install ** --p --s

安裝需要的包，這里會(huì)產(chǎn)生 node_modules

3、「微信開發(fā)工具」走一遍 “工具” - “構(gòu)建 npm”

這里會(huì)產(chǎn)生 miniprogram_npm

4、「微信開發(fā)工具」的本地配置中 “使用 npm 模塊” 勾上

5、使用包

引入的組件可以有第三方組件和 js 工具

1、 按照步驟安裝庫(kù)同時(shí)走一遍 “工具” - “構(gòu)建 npm”，產(chǎn)生\miniprogram_npm\weui-miniprogra

npm install weui-miniprogram --p --s

2、 在 app.wxss 引入全局樣式

3、在需要使用的頁(yè)面中引入控件和使用，

譬如 pages/index/index.json，然后就可以在 index.wxml

1、 按照步驟安裝庫(kù)同時(shí)走一遍 “工具” - “構(gòu)建 npm”，產(chǎn)生\miniprogram_npm\js-base64

npm install js-base64 --p --s

2、在 *.js 文件中用 require 或者 import 引入，然后使用

框架跨平臺(tái)小程序開發(fā)用哪個(gè)工具簡(jiǎn)單易學(xué)

美團(tuán)小程序框架mpvue、ReactNative。

mpvue框架基于Vue，js核心，mpvue修改了Vue.js的runtime和compiler實(shí)現(xiàn)，從而為小程序開發(fā)引入了整套Vue.js開發(fā)體驗(yàn)。

eactNative使你能夠在Javascript和React的基礎(chǔ)上獲得完全一致的開發(fā)體驗(yàn)，同時(shí)也基本有了原生的流暢體驗(yàn)。

小程序開發(fā)工具的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于怎么樣開發(fā)小程序、小程序開發(fā)工具的信息別忘了在本站進(jìn)行查找喔。