Web front-end celebrities are using this development tool, do you know?

Old wine helps old people 2021-04-08 12:27:19
web front-end end celebrities using

Web Front end celebrities are using this development tool , You know what? ?

In the process of website development , Make good use of auxiliary development tools , It will make our development process more efficient . The production of the website is mainly divided into foreground and background , Today, Xiaobian Xiaoge is here to recommend some common tools for website foreground development , I hope you have a good time in website development .


This kind of JavaScript development tool , Believe that as a JS You must know about developers , It's called “Web Front end development artifact ”、“ The most powerful HTML5 Editor ”、“ The most intelligent JavaScript IDE”, Functions mainly include :JavaScript, Editing language , Create a convenient environment, etc , I believe you must be familiar with it , I won't repeat them one by one here .

Web Front end celebrities are using this development tool , You know what? ?


I don't recommend it for front-end developers , But yes UI Design is still used more .

Web Front end celebrities are using this development tool , You know what? ?

Dream weavers ——Adobe Dreamweaver, abbreviation “DW”、 This is a WYSIWYG web editor that integrates web page production and website management , Using it, you can easily create dynamic web pages that cross platform restrictions and browser restrictions .


editPlus Software is the best document editing software I have used in recent years , Not one of them. . Powerful regular expressions make it stand out in the same kind of software . Its functions are really powerful , Let's talk about its programming function this time .

Web Front end celebrities are using this development tool , You know what? ?

This software is foreign software , But there is a Chinese version of green installation software , It's divided into computers 32 Bit and 64 position . This software is actually the most suitable for programming , Various code substitutions 、 The inspection is very eye-catching . In the new text, you can choose normal TXT Format and HTML Page editing format . If you choose HTML Format , Open the programming page .

We can also directly display the page in the browser after programming . The programming results are clear at a glance .

4、Sublime Text3

Web Front end celebrities are using this development tool , You know what? ?

Sublime Text As a well-known code editor , Its advantages need not be repeated . Support at the same time Windows、Linux、Mac OS X Isooperating system . The interface is neat and beautiful 、 Text is powerful , And it runs very fast , Perfect for writing code , Write articles, take notes . It also supports many plug-in extensions , We need to work together , for instance :

Package Control: It's a plug-in for managing plug-ins

Emmet plug-in unit : Front end development is indispensable , Let's write HTML and CSS The code becomes simple , Save a lot of time .Emmet Enables developers to write code in abbreviated form , Reuse “ Expand ” Function automatically extends code to full style

JsFormat: This is a model that will JS Formatted plug-ins

SideBarEnhancements: Right click menu enhancement plug in

TrailingSpaces: Highlight extra spaces and Tab

Tag: This is a HTML/XML Tag indent 、 completion 、 Typesetting and verification tools

Web Front end celebrities are using this development tool , You know what? ?

Terminal: Allow in Sublime Text 3 Open in cmd Command window

SublimeCodeIntel: Code prompt plug-in , Support for multiple programming languages , Users can be prompted to customize the code

CssComb: by CSS Property to sort and format

Autoprefixer:CSS3 Private prefix auto completion plug-in , This plug-in uses CanIUse database , Can accurately determine which attributes need what prefix

ColorPicker: edit CSS When it comes to style , ColorPicker The palette doesn't just look at color values , It's easier to adjust colors , There's also a two-way color selection function

Alignment: Let developers align code automatically , Include PHP、CSS、JavaScript Language

Web Front end celebrities are using this development tool , You know what? ?


Web Front end celebrities are using this development tool , You know what? ?

Vim It's from vi Developed a text editor . Code completion 、 The functions of compiling and error jump are very rich , Widely used in programmers , and Emacs Juxtapose into a class Unix The system user 's favorite text editor .

Friends who need this software can receive it by private letter .


Diffchecker It's used to detect / An online code tool to compare the differences between the text of two files , One thing about it is that it doesn't need to be checked manually , Especially big documents , And easy to use .????

本文为[Old wine helps old people]所创,转载请带上原文链接,感谢

  1. HTML5和CSS3提高
  2. Improvement of HTML5 and CSS3
  3. NMN concept stock up and down limit, Harvard & 34; ageless drug & 34; only market speculation?
  4. 「HTML+CSS」--自定义加载动画【011】
  5. 「HTML+CSS」--自定义加载动画【010】
  6. 「HTML+CSS」--自定义加载动画【009】
  7. 「HTML+CSS」--自定义加载动画【008】
  8. "HTML + CSS" -- custom loading animation [011]
  9. "Custom" animation [CSS + 010]
  10. "HTML + CSS" -- custom loading animation [009]
  11. "HTML + CSS" -- custom loading animation [008]
  12. HttpServletRequest、通过request获得请求头、请求体等、解决中文乱码等问题
  13. HttpServletRequest, obtaining request header and request body through request, solving Chinese garbled code and other problems
  14. html2canvas 识别 svg 解决方案
  15. Solution of identifying SVG with html2canvas
  16. Web前端架构师
  17. Web front end architect
  18. 3000 yuan of financial software is less than 28 yuan of system, and the automatic accounting system is comparable to artifact
  19. Blessing of the sea
  20. IT兄弟连 HTML5教程 CSS3揭秘 小结及习题
  21. Summary and exercises of CSS3 in HTML5 course of it Brothers Company
  22. It's disassembled before it's on the market. The workmanship of Xiaomi 10 is unexpected, reducing maintenance costs?
  23. Vue自学之路5-vue模版语法(v-text,v-html,v-pre)
  24. Vue self learning 5-vue template syntax (v-text, v-html, v-pre)
  25. 【HTML】处理<br>换行符追加到前端换行无效的问题 --- html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题 解决
  26. [HTML] processing & lt; BR & gt; the problem of invalid line feed when the line feed character is added to the front end --- the processing method of invalid HTML tag contained in the rendered string in HTML, and the problem of escape of HTML tag containe
  27. Vue自学之路5-vue模版语法(v-text,v-html,v-pre)
  28. Vue self learning 5-vue template syntax (v-text, v-html, v-pre)
  29. 7个Web前端程序员必须会用CSS技巧
  30. 10个优秀开源JavaScript模板引擎
  31. JavaScript基础知识及写法
  32. FB大规模重构React Native,Airbnb宣布回归原生,前端巨变来临?
  33. Seven web front-end programmers must be able to use CSS skills
  34. 10 excellent open source JavaScript template engines
  35. Basic knowledge and writing method of JavaScript
  36. FB large scale reconstruction react native, airbnb announced return to the original, the front-end changes coming?
  37. 网页HTML5视频播放器(兼容各主流浏览器)
  38. Web HTML5 video player (compatible with mainstream browsers)
  39. 前端开发需要掌握哪些技术?前端开发都学什么?
  40. 一本关于HTTP的恋爱日记
  41. 「HTML+CSS」--自定义加载动画【010】
  42. 前端er必须知道的Git地址及常用工具地址
  43. What technologies should be mastered in front end development? What do you learn from front end development?
  44. [DataGuard] seamless handover of physical DG configuration client (8.4) -- ora-16652 and ora-16603 error
  45. Wireless charging
  46. [DataGuard] seamless handover of physical DG configuration client (8.3) -- client TAF configuration
  47. [DataGuard] seamless handover of physical DG configuration client (8.1) -- configuration of data guard broker
  48. web前端数组处理之扁平化数组
  49. 一本关于HTTP的恋爱日记
  50. 「HTML+CSS」--自定义加载动画【010】
  51. Wireless power transmission using LCC compensation scheme
  52. vue项目中使用了vw适配方案,引入第三方ui框架mint-ui时,适配问题解决
  53. A love diary about http
  54. "Custom" animation [CSS + 010]
  55. Git address and common tool address that front end user must know
  56. 【BBED】 sys.bootstrap$ 对象的恢复
  57. Flat array of web front end array processing
  58. vue中deep的用法
  59. A love diary about http
  60. "Custom" animation [CSS + 010]