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前端学习知识,请查阅 HTML中文网 !!

以上就是Web前端开发用什么工具?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » 前端答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏