DMOZ中文网站分类目录-免费收录各类优秀网站的中文网站目录.
  • DmozDir.org
DMOZ目录快速登录入口-免费收录各类优秀网站的中文网站目录.由人工编辑,并提供网站分类目录检索及地区分类目录检索,是站长免费推广网站的有力平台!

Web前端开发用什么工具?

  • Web前端开发用什么工具?

  • 已被浏览: 64 次2020年09月03日    来源:  https://www.dmozdir.org/
  • Web前端开发用什么工具?下面本篇文章给大家推荐三款好用的前端开发工具。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
    Web前端开发用什么工具?下面本篇文章给大家推荐三款好用的前端开发工具。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    1、HBuilder、HBuilderX(下载地址http://www.dcloud.io/)

    (1)介绍:入门首推这两款工具。高校可能也有很多老师使用这两款教授学生。区别在于HBuilderX更加轻量,是HBuilder的下一代版本(Hbuilder已经停止更新维护),其压缩包大小仅10几M,通过自定义插件的安装来适应自己开发的需要,如git插件等。缺点是对各种框架的语法支持不是很好。

    (2)优势:软件由C++开发,性能自然强大。轻量,能够秒开文件,工具内置浏览器。

    (3)适合开发环境:H5 APP开发,单页面SPA开发等。但不推荐Node开发,对Node语法支持(express框架等)不是很友好。

    2、Editplus

    (1)介绍:EditPlus是一款由韩国 Sangil Kim 出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器,是一个超级小巧的IDE。没有代码提示功能,只有语法高亮。

    (2)优势:速度最快,适合快速查看代码

    3、Visual Studio Code(下载地址:https://code.visualstudio.com/)

    (1)介绍:微软推出的良心之作。是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分。

    (2)优势:软件界面优美,由于是开源软件,社区有很多自带主题可选,甚至可以自定义背景图片,具体方法参照我的另一篇博客https://mp.csdn.net/postedit/90704344。自带git、终端很强大,配合插件,终端可以连接远程Linux客户端。

    (3)适合开发环境:所有。学习TypeScript时,语言本身之所以很强大,其实离不开的是它的最强IDE。

    附小技巧:

    1、中文安装方法:点击图中红圈,在上面搜索“Chinese”,安装后重启即可,官方中文汉化。

    1.png

    2、快速生成HTML文档:新建的HTML文档没有任何模板代码,这时需要输入英文的感叹号!,然后回车,即可快速生成H5文档模板。

    3、前端开发推荐插件(ctrl+shift+x搜索即可)

    JavaScript (ES6) code snippets :快速生成ES6代码;

    Live Server:在HTML文件右键open即可开启热更新服务器;

    vetur:vue开发必备

    更多web前端学习知识,请查阅 DMOZ中文网站分类目录 !!

    以上就是Web前端开发用什么工具?的详细内容,更多请关注DMOZ中文网站分类目录其它相关文章!


    以上信息来源于网络,如有侵权,请联系站长删除。

    TAG:web前端开发

  • 上一篇:web前端是什么?需要掌握什么技术?
  • 与“Web前端开发用什么工具?”相关的资讯
  • web前端开发都需要掌握哪些技术?