uniappåhbuilderçå ³ç³»ï¼
uniappå¼åå®åappéè¦ä»ä¹å¼å软件
æ¨èææuniappç跨端å¼åé½ä½¿ç¨HBuilderXè¿è¡å¼åï¼è¿éæ¨èä¸æ¯å 为webstormãvscodeæä¹æ ·ä¸å¥½ï¼èæ¯å 为HBuilderX对uniappçè¯æ³åvueç¸å ³çæ示æ´ä¸ºçæ¹ä¾¿ï¼ä¸æ´è½»éãç¥è¯åå¤ï¼çævueçç¸å ³è¯æ³ã
第äºç§æ¯Uni-appæ¡æ¶åºäºVue.jsãä¿ç§°ä¸å¥ä»£ç ç¼å°8个平å°ä¸ã
uni-appæ¯ä¸ä¸ªä½¿ç¨Vue.jså¼åææå端åºç¨çæ¡æ¶ï¼å¼åè ç¼åä¸å¥ä»£ç ï¼å¯åå¸å°iOSãAndroidãH以ååç§å°ç¨åºï¼å¾®ä¿¡/æ¯ä»å®/ç¾åº¦/头æ¡/QQ/éé/æ·å®ï¼ãå¿«åºç¨çå¤ä¸ªå¹³å°ã
踩åè®°-uniapp+uView(HBuilder)
1ãQï¼æ¹æ¡1ï¼æåæç´¢å¾æ çåå æ¯ï¼å¤ä½çé£ä¸ªç°è²æç´¢å¾æ æ¯ç§»å¨ç«¯è§£æinputtype=searchæ¶ï¼èªå¸¦çå¾æ æ ·å¼ãæ åªéè¦å°inputsearchç±»åæ¹æ常è§textç±»åå³å¯ã
2ãæè¿è¦ä»é¶å¼åä¸ä¸ªè·åå°ç®¡çç³»ç»å¯¹æ¥çå°ç¨åºï¼å 为åè½æ¯è¾å¤æï¼æ¶é´çï¼éæ©äºæ¯è¾ç«çuni-appï¼å 为å°ç¨åºåºç°çæ¶é´è¾çï¼åæ¹é¢å¹¶ä¸å®åï¼å¼åè¿ç¨ä¸å°±æ¯ä¸æ踩åçè¿ç¨ï¼ç¹æ¤è®°å½ä¸å°ä¸ã
3ã两个æ®é页é¢ä¹é´ç跳转ç¨uni.navgateTo()ï¼urlå¯æºå¸¦åæ°ãæ®é页é¢è·³tabbaré ç½®è¿ç页é¢éè¦uni.switchTab()ï¼urlä¸è½ä¼ å¼ã
4ãuniappå¯ä»¥éåºå¤ä¸ªå¹³å°å¼åï¼ä½ ä¼åç°å¨HBuilderXä¸çå ç½®æµè§å¨ä¸è°æ¥å£ï¼æ²¡é®é¢ï¼å¨å°ç¨åºä¸ï¼ä¹æ²¡é®é¢ï¼è¿æ¥ææºèè°ä¹æ²¡é®é¢ï¼å½åå°è®¾ç½®å 许跨åä¹åï¼å端h5éè¦è¿è¡è®¾ç½®åå代çæè½è§£å³è¿ä¸ªé®é¢ã
5ãhbuilderè¿è¡uniapp没ååºï¼æ£æ¥å¾®ä¿¡å¼åè å·¥å ·ä¸æ¯å¦å¼å¯æå¡ç«¯å£å·ã
uniappä¹h5åå代ç设置踩å,解å³è·¨åé®é¢uniappå¯ä»¥éåºå¤ä¸ªå¹³å°å¼åï¼ä½ ä¼åç°å¨HBuilderXä¸çå ç½®æµè§å¨ä¸è°æ¥å£ï¼æ²¡é®é¢ï¼å¨å°ç¨åºä¸ï¼ä¹æ²¡é®é¢ï¼è¿æ¥ææºèè°ä¹æ²¡é®é¢ï¼å½åå°è®¾ç½®å 许跨åä¹åï¼å端h5éè¦è¿è¡è®¾ç½®åå代çæè½è§£å³è¿ä¸ªé®é¢ã
è¿ä¸ªåå ææªæ¾å°å¨uniappçH5çæ¬ï¼æ¥å ¥è ¾è®¯äºæ»å¨éªè¯ï¼ç¤ºä¾çç¹å»æ»å¨éªè¯å ç´ æ¯éè¿domæä½çï¼ä½æ¯æ æï¼å¯è½è·uniAPPä¸æ¯ædomæä½æå ³ç³»ï¼éç¨å®å¶æ¥å ¥æ¹æ³ä¸ï¼æå¨è°ç¨ã
第ä¸ç§è§£å³æ¹æ³ï¼ç´æ¥å建ä¸ä¸ªvue.config.jsæ件ï¼å¹¶å¨éé¢é ç½®devServerï¼ç´æ¥ä¸ä»£ç ï¼éå¯è·é¡¹ç®ã第äºç§è§£å³æ¹æ³ï¼å¨srcç®å½ä¸æ¾å°mainfest.jsonæ件ï¼ä¿®æ¹è¯¥æ件ï¼ç¹å»âæºç è§å¾âçå°h5ï¼æ¥å£è°ç¨ã
webpackçæ¬ä¸å ¼å®¹uniapp1ãå¦æä½ ä½¿ç¨å ¶ä»ideå¼åuni-appï¼ä¼ç»å¸¸å 为æ¼éåè¯èè¿è¡å¤±è´¥ï¼å 为ç»è¿webpackç¼è¯ä¸éï¼å¾å¤é误ååºçä¸å¤ç´è§ï¼æéæ¶é´å¾é¿ï¼ä¸å¦ä»å¼å§å°±ä¾èµæè¯å¥½æ示çHBuilderXï¼é¿å æ²éåè¯ã
2ãæ¥éª¤veu.config.jsä¸æ¨èå®è£ copy-webpack-plugin0.0çæ¬ã
3ãnpminstallå®è£ uniappç¨ä¸äºé£æ¯å 为ä¸å ¼å®¹ï¼æ以è¿ä¸ªæ¶åå°±éè¦ä½¿ç¨Windowsçç³»ç»ï¼å¦æ没æ温度æ¯çç³»ç»ï¼å®è¿ä¸ªæ¯æ æ³å ¼å®¹çï¼å 为ä»ä»¬ä¸¤ä¸ªé½æ¯å±äºææ°çä¸ä¸ªææ¡£å软件ã
4ãå 为uniappå¼åiosä¸å ¼å®¹ï¼æ以ä¸å¯ç¨ãä¸å¾ä¸è¯´ï¼ä»»ä½ä¸ä¸ªå¼åè éå°è¹æææºé½ä¼æå¤æå°éè¦åéé ã
5ãåå¨ç©ºé´ä¸è¶³ï¼è¯·å é¤åå¨ç©ºé´å ä¸å¿ è¦çæ件ï¼é¢çåºæ´å¤çåå¨ç©ºé´ï¼ç³»ç»ä¸å·²åå¨è¯¥ç¨åºï¼è¯·å¸è½½åéæ°å®è£ ï¼è½¯ä»¶çæ¬ä¸ç³»ç»ä¸å ¼å®¹ï¼è¯¦æ 请å¨è¯¢ç¬¬ä¸æ¹è½¯ä»¶å®¢æã
uniappç¨ä»ä¹è½¯ä»¶å¼ååé?1ãuni-appå¯ä»¥ä½¿ç¨HBuilderXçå¼åå·¥å ·è¿è¡å¼åï¼å¯ä»¥å¨å®åãIOSãH5çå¤ç«¯æ建appåºç¨ï¼èAndroidStudioå主è¦ç¨æ¥æ建å®åAppçNativeç¯å¢ï¼ä»¥å对åºçå®è£ å çã
2ãuni-appæ¯ä¸ä¸ªä½¿ç¨Vue.jså¼åææå端åºç¨çæ¡æ¶ï¼å¼åè ç¼åä¸å¥ä»£ç ï¼å¯åå¸å°iOSãAndroidãH以ååç§å°ç¨åºï¼å¾®ä¿¡/æ¯ä»å®/ç¾åº¦/头æ¡/QQ/ééçå¤ä¸ªå¹³å°ãå°ç»ï¼ç¬¬äºç±»å¼åèµ·æ¥æ´æ¾æçï¼è约å¾å¤æ¶é´ææ¬ã
3ãphpãuni-appæ¯ä¸ä¸ªä½¿ç¨Vue.jså¼åææå端åºç¨çæ¡æ¶ï¼å¼åè ç¼åä¸å¥ä»£ç ï¼uniappé åphpå端好ï¼ä¸»è¦æ¯phpçå¼åå¨æè¦æ¯javaä½å¾å¤ï¼èä¸ææ¯é¨æ§ä¹è¦ä½å¾å¤ã
HBuilderXæ¯ä»ä¹?1ãHBuilderæ¯DCloudï¼æ°å天å ï¼æ¨åºçä¸æ¬¾æ¯æHTML5çWebå¼åIDEãHBuilderçç¼åç¨å°äºJavaãCãWebåRubyãHBuilderæ¬èº«ä¸»ä½æ¯ç±Javaç¼åï¼å®åºäºEclipseï¼æä»¥é¡ºå ¶èªç¶å°å ¼å®¹äºEclipseçæ件ã
2ãHBuilderXç®ç§°HXï¼HBuilderï¼Hæ¯HTMLç缩åï¼Builderæ¯å»ºè®¾è ãæ¯ä¸ºå端å¼åè æå¡çéç¨IDEï¼æè 称为ç¼è¾å¨ãä¸vscodeãsublimeãwebstorm类似ã
3ãç½ç»æé®é¢ãHBuilderXç®ç§°HXï¼HBuilderï¼Hæ¯HTMLç缩åï¼Builderæ¯å»ºè®¾è ã
4ãHBuilderãHBuilderXç¼è¾å¨æ¯DCloudå ¨æ°æ¨åºçä¸æ¬¾HTML5çWebå¼åå·¥å ·ï¼è½¯ä»¶ä½ç§¯å°ï¼å¯å¨å¿«ã
前端开发常用哪些工具软件?
前端开发的编译器在选择上还是很多的。在学校里,天堂老师主要讲三个前端开发软件:1、源码源码WebStorm
帮助编写HTML、天堂CSS、源码源码Less、天堂ripro极致主题源码Sass和Stylus代码,源码源码并且支持Node.js和主流框架,天堂如React、源码源码Angular、天堂 Vue.js、源码源码Meteor等。天堂与IntelliJ IDEA同源,源码源码继承了IntelliJ IDEA强大的天堂JS部分的功能。但是源码源码付费软件。
2、IntelliJ idea
idea是代码源码获取软件学校老师教得最多的一款软件,从学Java开始,除了eclipse和myeclipse之外,学校老师用的最广泛的Java编译器就是idea,而idea也能进行前端项目的开发,idea是我用得最熟的一个编译软件。像一个完整的前端网站,配置好jdk,tomcat,强势起飞指标源码maven,数据库之后就可以在idea上进行搭建了。
3.Visual Studio Code
简称VScode,前端开发时期学习的第一款软件,当时学VScode的时候上的网课,老师用插件的时候一个没跟上,就跟不上了。总体感觉下来是菜的溯源码插件库很丰富,而且内存占用不大,目前我身边用VScode的人是最多的。
下面是我在实习中接触到的前端开发工具:
notepad++
页面很简单,乍一看像是一个记事本,它也确实可以当记事本用。有很多特色插件可以使用,支持多种编程语言的语法高亮显示,具有代码折叠功能。古龙罐头溯源码
2、HBuilderX
HBuilderX是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。是HBuilder下一代版本,具有轻便、适合vue框架的特点。
å¯è§åHTMLç¼è¾å¨
常ç¨ç+html+ç¼è¾è½¯ä»¶æé£ä¸¤ä¸ª?
VSCodeåWebStorm(å é¨æ°åå¯ä½é¢ä»¥èªå®ä¹é ç½®èªå·±æç¼æ¯æéçæ件)
ååæåºæ¬æ示ç:HBuilderåSublimeText3
å设计çå¯ä»¥ä½¿ç¨DW(AdobeDreamWeaver)
æä¹å ³éMyEclipseç.html.jspçå¯è§åç¼è¾å¨
1ãæå¼myeçjspæ件ï¼é»è®¤æ¯æå¯äº©äºè§åç¼è¾å¨ç
2ãæ¾å°myeçwindow--preferences
3ãå¨æç´¢è¿ ä¾ç¥æ¡æç´¢fileï¼æ¾å°å¦å¾ç»åå¤ï¼åå»taï¼
4ãè¦ä¿®æ¹jspæ件ï¼å°±å¨ä¸å¾ä¸æ¾å°.jspï¼ç¹å»ta
5ãå°è°æ°éå¯è§åé£ä¸ªè®¾ç½®ä¸ºdefaultï¼é»è®¤ï¼ï¼ç¹å»ok
6ãå ³éå·²ç»å¯å¨çjspæ件ï¼éå¯ta
常è§çç½é¡µç¼è¾å¨æåªäºï¼å¶ä½ç½é¡µçå¨é¡µé¢å¸å±æ¶ï¼ä¸æ¬¾å¥½ç¨ç代ç ç¼è¾å¨ä¼å¤§å¤§æåå·¥ä½æçï¼ä½ä¸ºä¸ä¸ªå端å¼å人åï¼ä½ ç¥éHTMLç¼è¾å¨é½æåªäºåï¼å ·ä½åªä¸ªHTMLç¼è¾å¨æ¯è¾å¥½ç¨ï¼æ¬ç¯æç« ä¸ºphpä¸æç½ç½å们æ¨èäºå端å¼å人å常ç¨ç4款htmlç¼è¾å¨ï¼ä»¥ä¸æ¯å ·ä½ä»ç»ï¼æå ´è¶£çå°ä¼ä¼´å¯ä»¥åèåé´ä¸ä¸ã
ä¸ãHTMLç¼è¾å¨æåªäºï¼
1ãHBuilder
ä¸è½½å°åï¼
HBuilderæ¯DCloudæ¨åºçä¸æ¬¾æ¯æHTML5çWebå¼åIDEãHBuilderçç¼åç¨å°äºJavaãCãWebåRubyãHBuilderæ¬èº«ä¸»ä½æ¯ç±Javaç¼åçãé度快ï¼æ¯HBuilderçæ大ä¼å¿ï¼éè¿å®æ´çè¯æ³æ示å代ç è¾å ¥æ³ã代ç åçï¼å¤§å¹ æåHTMLãjsãcssçå¼åæçãHbuilderæ¯ç±æç©èæå½çå端å¼å人åç¼åçä¸æ¬¾å端å¼åIDEï¼æ以å¨ä½¿ç¨ä¸æ¯è¾ç¬¦åæ们ä¸å½äººçå¼åä¹ æ¯ï¼ç¨HBuilderåHTML代ç è¿æ¯å¾æ¹ä¾¿çã
2ãAdobeDreamweaverCS
ä¸è½½å°åï¼
dreamweavercs6æ¯ä¸ç顶级软件å让ä»åadobeæ¨åºçä¸å¥æ¥æå¯è§åç¼è¾çé¢ï¼å¯ç¨äºç¼è¾ç½ç«å移å¨åºç¨ç¨åºç代ç ç¼è¾å¨ãç±äºå®æ¯æ代ç ãæåã设计ãå®æ¶è§å¾çå¤ç§æ¹å¼æ¥åä½ãç¼ååä¿®æ¹ç½é¡µï¼å¯¹äºå级人åï¼ä½ å¯ä»¥æ éç¼åä»»ä½ä»£ç å°±è½å¿«éå建web页é¢ãå ¶æçç代ç ç¼è¾å·¥å ·æ´éç¨äºwebå¼åé«çº§äººåçåä½ï¼cs6æ°çæ¬ä½¿ç¨äºèªéåºç½æ ¼çé¢å建页é¢ï¼å¨åå¸å使ç¨å¤å±å¹é¢è§å®¡é 设计,å¯å¤§å¤§æé«å·¥ä½æçãæ以AdobeDreamweaverCSä¹æ¯ä¸ä¸ªæ¯è¾å¥½çHTML代ç ç¼è¾å¨ã
3ãSublimeText3æ±åç
ä¸è½½å°åï¼
SublimeTextæ¯ä¸æ¬¾å ·æ代ç é«äº®ãè¯æ³æ示ãèªå¨å®æä¸ååºå¿«éçç¼è¾å¨è½¯ä»¶ï¼ä¸ä» å ·æå丽ççé¢ï¼è¿æ¯ææ件æ©å±æºå¶ï¼ç¨å¥¹æ¥å代ç ï¼ç»å¯¹æ¯ä¸ç§äº«åãç¸æ¯äºé¾äºä¸æçVimï¼æµ®è¿æ²éçEclipseï¼VSï¼å³ä¾¿ä½ç§¯è½»å·§è¿ éå¯å¨çEditplusãNotepad++ï¼å¨SublimeTexté¢å大ç¥æ¾å¤±è²ï¼æ çè¿æ¬¾æ§ææ æ¯çç¼è¾å¨æ¯codingçä¸éçéæ©ã
4ãNotepad
ä¸è½½å°åï¼
Notepad++æ¯æ¨å¨æ¿ä»£Windowsé»è®¤çnotepadèçï¼æ¯notepadçåè½å¼ºå¤§å¾å¤å¾å¤ãnotepad++æ¯ææ件ï¼æ·»å 对åºä¸åçæ件ï¼ä»¥æ¯æä¸åçåè½ãéé¢é¤äºä¸äºå¸¸è§çæ件ä¹å¤ï¼è¿æä¸äºå¥½ç©çæ件ï¼æ¯å¦å°æå读åºæ¥çspeechæ件ãNotepad++å±äºè½»é级çææ¬ç¼è¾ç±»è½¯ä»¶ï¼æ¯å ¶ä»ä¸äºä¸ä¸çææ¬ç¼è¾ç±»å·¥å ·ï¼å¯å¨æ´å¿«ï¼å ç¨èµæºæ´å°ï¼ä½æ¯ä»åè½ä½¿ç¨çæ¹é¢æ¥è¯´ï¼ä¸äºäºé£äºä¸ä¸å·¥å ·ã
äºãHTMLç¼è¾å¨åªä¸ªå¥½ç¨ï¼ä¸ä¸çå端å¼åç¨åºåé½ç¨åªä¸ªå¢ï¼
代ç ç¼è¾å¨æå¾å¤ç§ï¼è³äºé£ä¸ªæ¯æ好ç¨çHTML代ç ç¼è¾å¨ï¼æ¯ä¸ªäººçè§ç¹ä¸ä¸æ ·ï¼ä¸ªäººè®¤ç½©æ»æ¸ä¸ºHBuilderæ¯æ好ç¨çHTMLç¼è¾å¨ãå 为Hbuilderæ¯ç±ææå½çå¼å人åå¼åçä¸æ¬¾è½¯ä»¶ï¼å¨ä½¿ç¨ä¸æ¯è¾ç¬¦åæ们ä¸å½äººçå¼åä¹ æ¯ï¼èä¸å®æå¾å¼ºå¤§ç代ç æ示åè½ï¼è½å¤§å¤§æåå·¥ä½æçï¼æå¾å¤çæ件ï¼å æ¬æå ¨é¢çè¯æ³åºåæµè§å¨å ¼å®¹æ§æ°æ®ççï¼æ以æè§å¾Hbuilderæ¯æ好çHTML代ç ç¼è¾å¨ãå ¶æ¬¡ç¨çæå¤çæ¯SublimeTextånotepad++ï¼å¤§å®¶å¯ä»¥æ ¹æ®èªå·±å好éæ©ï¼
æ»ç»ï¼
以ä¸ç»å¤§å®¶å享äºHTMLç¼è¾å¨æåªäºï¼ä»¥åç»åèªèº«ç»éªï¼å享æ好ç¨çHTMLç¼è¾å¨ï¼å¤§å®¶å¯ä»¥å¤ä¸è½½å 款ç¼è¾å¨ï¼ççèªå·±å欢åªä¸ªï¼å¸æä½ å°½å¿«æ¾å°èªå·±å欢çHTML代ç ç¼è¾å¨ã
è¿ævscodewebstorm
ç¼è¾HTMLæ件çå·¥å ·æåªäºï¼æ以å°è¦ä¸çå·¥å ·ï¼
1ãNotepad
notepadï¼è®°äºæ¬èæ §ï¼æ¯ä»£ç ç¼è¾å¨æWINDOWSä¸çå°ç¨åºï¼ç¨äºææ¬ç¼è¾ï¼å¨æåç¼è¾æ¹é¢ä¸Windowsååæ¿åè½ç¸å½ãæ¯ä¸æ¬¾å¼æºãå°å·§ãå è´¹ç纯ææ¬ç¼è¾å¨ã
2ãSublimeText
æ¯ä¸ä¸ªä»£ç ç¼è¾å¨ï¼ä¹æ¯HTMLåæ£æå è¿çææ¬ç¼è¾å¨ãSublimeTextæ¯ç±ç¨åºåJonSkinneräºå¹´1æ份æå¼ååºæ¥ï¼å®æå被设计为ä¸ä¸ªå ·æ丰å¯æ©å±åè½çVimã
3ãHBuilder
æ¯DCloudï¼æ°å天å ï¼æ¨åºçä¸æ¬¾æ¯æHTML5çWebå¼åIDEã?[1]?派亩带?HBuilderçç¼åç¨å°äºJavaãCãWebåRubyãHBuilderæ¬èº«ä¸»ä½æ¯ç±Javaç¼åã
4ãAdobe?Dreamweaver
DWæ¯éç½é¡µå¶ä½å管çç½ç«äºä¸èº«çæè§å³æå¾ç½é¡µä»£ç ç¼è¾å¨ãå©ç¨å¯¹?HTMLãCSSãJavaScriptçå 容çæ¯æï¼è®¾è®¡å¸åç¨åºåå¯ä»¥å¨å ä¹ä»»ä½å°æ¹å¿«éå¶ä½åè¿è¡ç½ç«å»ºè®¾ã
5ãCoffeeCupHTMLEditor
æ¯CoffeeCupSoftwareå ¬å¸æ¨åºçä¸æ¬¾ä½ç§¯è¾å°çæç¨çhtml代ç ç¼è¾å¨ã
åèèµææ¥æºï¼ç¾åº¦ç¾ç§-notepad
åèèµææ¥æºï¼ç¾åº¦ç¾ç§-SublimeText
åèèµææ¥æºï¼ç¾åº¦ç¾ç§-HBuilder
htmlç¼è¾å¨æ¯ç¨å¯è§åç好è¿æ¯èªå·±æ²ä»£ç ï¼åå¼åä½ ç¨å¯è§åç¼è¾å¨è¯è¯ï¼çæ¯è¯å®ä½¿ç¨æºç ç¼è¾æ¨¡å¼ãæºç ä¸æå³çä½ å¾ä»å¤´æ²å°å°¾ï¼æç§ä¸è¥¿å«æ¡æ¶ï¼æç§ä¸è¥¿å«æ¨¡ååãããå¦å¤ï¼ä½ è¦æ¯è½ç¨å¯è§åååºä¸ä¸ªç½ç«æ¥æå«å¤©æï¼é¹ådwçå¯è§åç¼è¾åªææå·¥åå®æ¡æ¶åæè½æé«æçï¼éä¸æ个åç¶åç¹å»æ ·å¼ï¼å¨å±å±é项ä¸ä¿®æ¹æ个å°æ¹æ¯ç´æ¥æåæ´æ ¢ãå¦å¤ï¼æå代ç æ¯åºæ¬åï¼é¢è¯æ¶ç»ä½ å°çµèè®©ä½ åï¼åªç¨è®°äºæ¬ï¼ä½ è½ååºæ¥ï¼æ¥¼ä¸æ¶²ç¥è¡¡è¯´æ对ç代ç 容æåºéæ¯å 为ä»æ²¡å »æå¥½ä¹ æ¯ï¼æ对çæ ç¾é½æ¯å æå®å¼å¤´ç»å°¾å¨ä¿®æ¹éé¢çå±æ§ãåæ¶ï¼å¨ä»£ç ç¼è¾æ¨¡å¼ï¼æå®å¼å¤´å°±èªå¨åºç»å°¾ï¼æä¸ä¸å车就è¡äºã
webå端å¼åç¼è¾å¨ï¼
å代ç ç软件æåªäº
常ç¨çå代ç 软件æ以ä¸å 个ï¼
1ãWebStormãWebStormæ¯jetbrainså ¬å¸æä¸ä¸æ¬¾JavaScriptå¼åå·¥å ·ãç®åå·²ç»è¢«å¹¿å¤§ä¸å½JSå¼åè èªä¸ºâWebå端å¼åç¥å¨âãâæ强大çHTML5ç¼è¾å¨âãâææºè½çJavaScriptIDEâçã
2ãSublimeTextãSublimeTextæ¯ä¸ä¸ªä»£ç ç¼è¾å¨ä¹æ¯HTMLåæ£æå è¿çææ¬ç¼è¾å¨ã
3ãHBuilderãHBuilderæ¯ä¸ä¸ºå端æé çå¼åå·¥å ·ï¼å ·æé£ä¸æ ·çç¼ç ãæå ¨çè¯æ³åºåæµè§å¨å ¼å®¹æ°æ®ãå¯ä»¥æ¹ä¾¿çå¶ä½ææºAPPãæä¿æ¤ç¼çç绿æ设计çç¹ç¹ã
å端å¼å常ç¨åªäºå·¥å ·è½¯ä»¶ï¼å端å¼åçç¼è¯å¨å¨éæ©ä¸è¿æ¯å¾å¤çãå¨å¦æ ¡éï¼èå¸ä¸»è¦è®²ä¸ä¸ªå端å¼å软件ï¼
1ãWebStorm
帮å©ç¼åHTMLãCSSãLessãSassåStylus代ç ï¼å¹¶ä¸æ¯æNode.jså主æµæ¡æ¶ï¼å¦ReactãAngularã?Vue.jsãMeteorçãä¸IntelliJIDEAåæºï¼ç»§æ¿äºIntelliJIDEA强大çJSé¨åçåè½ãä½æ¯ä»è´¹è½¯ä»¶ã
2ãIntelliJidea
ideaæ¯å¦æ ¡èå¸æå¾æå¤çä¸æ¬¾è½¯ä»¶ï¼ä»å¦Javaå¼å§ï¼é¤äºeclipseåmyeclipseä¹å¤ï¼å¦æ ¡èå¸ç¨çæ广æ³çJavaç¼è¯å¨å°±æ¯ideaï¼èideaä¹è½è¿è¡å端项ç®çå¼åï¼ideaæ¯æç¨å¾æççä¸ä¸ªç¼è¯è½¯ä»¶ãåä¸ä¸ªå®æ´çå端ç½ç«ï¼é 置好jdkï¼tomcatï¼mavenï¼æ°æ®åºä¹åå°±å¯ä»¥å¨ideaä¸è¿è¡æ建äºã
3.VisualStudioCode
ç®ç§°VScodeï¼å端å¼åæ¶æå¦ä¹ ç第ä¸æ¬¾è½¯ä»¶ï¼å½æ¶å¦VScodeçæ¶åä¸çç½è¯¾ï¼èå¸ç¨æ件çæ¶åä¸ä¸ªæ²¡è·ä¸ï¼å°±è·ä¸ä¸äºãæ»ä½æè§ä¸æ¥æ¯æ件åºå¾ä¸°å¯ï¼èä¸å åå ç¨ä¸å¤§ï¼ç®åæ身边ç¨VScodeç人æ¯æå¤çã
ä¸é¢æ¯æå¨å®ä¹ ä¸æ¥è§¦å°çå端å¼åå·¥å ·ï¼
notepad++
页é¢å¾ç®åï¼ä¹ä¸çåæ¯ä¸ä¸ªè®°äºæ¬ï¼å®ä¹ç¡®å®å¯ä»¥å½è®°äºæ¬ç¨ãæå¾å¤ç¹è²æ件å¯ä»¥ä½¿ç¨ï¼æ¯æå¤ç§ç¼ç¨è¯è¨çè¯æ³é«äº®æ¾ç¤ºï¼å ·æ代ç æå åè½ã
2ãHBuilderX
HBuilderXæ¯DCloudï¼æ°å天å ï¼æ¨åºçä¸æ¬¾æ¯æHTML5çWebå¼åIDEãHBuilderçç¼åç¨å°äºJavaãCãWebåRubyãHBuilderæ¬èº«ä¸»ä½æ¯ç±Javaç¼åãæ¯HBuilderä¸ä¸ä»£çæ¬ï¼å ·æ轻便ãéåvueæ¡æ¶çç¹ç¹ã
æä»ä¹å¥½çç¼ç 软件åï¼
æ²ä»£ç ç¨ç软件æï¼Androidstudioï¼WebStormï¼IntellijIDEAï¼sourceinshghtï¼Vscodeã
1ãAndroidstudio
对UIçé¢è®¾è®¡åç¼å代ç ææ´å¥½å°æ¯æï¼å¯ä»¥æ¹ä¾¿å°è°æ´è®¾å¤ä¸çå¤ç§å辨çãåæ ·æ¯æProGuardå·¥å ·ååºç¨ç¾åãä¸è¿ï¼ç®åçæ¬çAndroidStudioä¸è½å¨åä¸çªå£ä¸ç®¡çå¤ä¸ªé¡¹ç®ã
2ãWebStorm
jetbrainså ¬å¸æä¸ä¸æ¬¾JavaScriptå¼åå·¥å ·ãç®åå·²ç»è¢«å¹¿å¤§ä¸å½JSå¼åè èªä¸ºâWebå端å¼åç¥å¨âãâæ强大çHTML5ç¼è¾å¨âãâææºè½çJavaScriptIDEâçãä¸IntelliJIDEAåæºï¼ç»§æ¿äºIntelliJIDEA强大çJSé¨åçåè½ãä¸è¿ï¼æçç²ä¸è¯´è¿ä¸ªæç¹å¡ï¼ä½æ¯åè½è¿æ¯é½å ¨çã
3ãIntellijIDEA
IntellijIDEAæ¯javaç¼ç¨è¯è¨å¼åçéæç¯å¢ï¼å¨ä¸çå ä¹è¢«å ¬è®¤æ¯æ¯è¾å¥½çä¸ä¸ªjavaå¼åå·¥å ·ã
4ãsourceinshght
ä¸ä¸ªé¢å项ç®å¼åçç¨åºç¼è¾å¨å代ç æµè§å¨ï¼å®æ¥æå ç½®ç对C/C++ï¼C#åJavaçç¨åºçåæãSourceInsightè½åæä½ çæºä»£ç 并å¨ä½ å·¥ä½çåæ¶å¨æç»´æ¤å®èªå·±ç符å·æ°æ®åºï¼å¹¶èªå¨ä¸ºä½ æ¾ç¤ºæç¨çä¸ä¸æä¿¡æ¯ãSourceInsightæä¾äºæå¿«éç对æºä»£ç ç导èªåä»»ä½ç¨åºç¼è¾å¨çæºä¿¡æ¯ã
5ãVscode
Vscodeå ¨ç§°VisualStudioCodeï¼æ¯ä¸æ¬¾é对äºç¼åç°ä»£webåäºåºç¨ç跨平å°æºä»£ç ç¼è¾å¨ã
webå端å¼åå·¥ä½ç¨ä»ä¹è½¯ä»¶å½æ¶åå°å¼åå·¥å ·æ¶ï¼è¯å®é¿ä¸å¼ç¼è¾å¨ï¼SublimeTextè¿ä¸ªå·¥å ·å¾å欢è¿ï¼å ³é®æ¯å®ç´§åãç®æ´ãå¿«éï¼é¿ææ¬çå¼é度ä¹æ¯æ ææ»´ãæ¥ææ¼äº®çç¨æ·çé¢å强大çåè½ï¼å¦ä»£ç 缩ç¥å¾ãPythonæ件ã代ç ç段ççãæ¨è¿å¯ä»¥èªå®ä¹é®ç»å®ãèååå·¥å ·æ ãå®æ¯ä¸ä¸ªè·¨å¹³å°çç¼è¾å¨ï¼æ¯æWindowsãLinuxãMacOSXåå ¶ä»æä½ç³»ç»ãAdobeDreamweaveræ¯ä¸ä¸web设计人åå¯è§åwebå¼åå·¥å ·ç第ä¸ä¸ªç¹æ®å¼åï¼å®å¯ä»¥æ¹ä¾¿å°å建跨平å°ç约æï¼è·¨æµè§å¨éå¶å¨æweb页é¢ããç¹å»æµè¯æéä¸éåå¦è®¾è®¡ã
å¦ææ¨æç®å¦ä¹ å端çç¥è¯ï¼å¯ä»¥èèä¸ä¸åéæè²ãåéçä¼ä¸æå¡ä¸å¡èµè½ä¼ä¸æ°åå转åè¿ç¨ï¼è´åäºä¸ºä¼ä¸æä¾å ¨æ¹ä½ç»¼å人ææå¡ï¼ç®åå·²ä¸ç¾åº¦ã京ä¸ãé¿éãè ¾è®¯ãç»ä¿¡ãä¸æ¹å½ä¿¡çå½å ç¥åä¼ä¸è¾¾æ深度åä½å ³ç³»ï¼ä¸å½å ä½å®¶ä¼ä¸å»ºç«äººæè¾éåä½å ³ç³»ãåéå¨ä¼ä¸æèå人æå°±ä¸ä¹é´æ建起桥æ¢å纽带ï¼ä¸ºæå½æ°å产ä¸å¥åº·å¿«éåå±ååºäºå®è´¨æ§è´¡ç®ã
编辑HTML文件的工具有哪些?
有以下的工具:1、Notepad
notepad(记事本)是代码编辑器或WINDOWS中的小程序,用于文本编辑,在文字编辑方面与Windows写字板功能相当。是一款开源、小巧、免费的纯文本编辑器。
2、Sublime Text
是一个代码编辑器,也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。
3、HBuilder
是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。 [1] HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。
4、Adobe Dreamweaver
DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。
5、CoffeeCup HTML Editor
是CoffeeCup Software公司推出的一款体积较小的易用的html代码编辑器。
百度百科-notepad
百度百科-Sublime Text
百度百科-HBuilder
2024-11-18 20:12
2024-11-18 19:22
2024-11-18 19:06
2024-11-18 18:26
2024-11-18 18:11