前端开发vscode的几个配置。

一开始学前端时,通过简单的配置,能够提高速度,节约时间,当然,初学者,还是建议在写代码的时候,不要有投机取巧,各种标签,属性,属性值等都将其完全写出来,不要通过代码提示的方式码代码。
有各种各样的编辑器可以码代码,vscode、sublime常用些,当然,这些都是都是按照个人喜欢的。本人使用的是vs code,简单介绍一下几个配置。

编辑器 优势 不足
vscode 较轻量级,支持原生的typescript,关联断点,调试非常方便,可扩展 相对完整性稍弱
sublime 较轻量级,插件需要手动配置,可扩展的开发工具 没有自带的debug和断点功能
webstorm 集成全面的开发工具,可使用命令行和断点 相对较重量级,占内存
hbuilder 有完整的语法是提示和代码输入法 较重量级,占内存,傻瓜式软件

visual studio code (VS Code) 简单配置:

  1. 中文插件:在扩展栏中输入Chinese安装并使用即可。
    前端开发vscode的几个配置。

4.sass写css样式 一样在扩展中下载并安装Easy Sass插件。安装成功后,新建文件,后缀为.scss。保存时(有些保存没有自动编译出css文件的,更新一下vscode就可以了)会自动编译两个.css文件,一个传统的样式样式,一个压缩的.css文件,再在布局中link导入即可。在sass中写样式,可以根据页面的布局来写,层次结构分明,非常方便,效果见图。

前端开发vscode的几个配置。

前端开发vscode的几个配置。

此处设计图为750px;所以改成75。然后重启软件

  • 页面布局时,量多少px就写多少px,选取时选取rem单位的即可自动转换。

  • 前端开发vscode的几个配置。

    快捷键:ctrl / 注释 Ctrl D 删除行,不用全选的情况下 Alt ↓ 上下移动移动,选定多行可移动多行
    Shift Alt ↓ 快速复制选定的代码。
    更多的快捷键可以在设置里面看到。

    备注:写博客可以做为一种记笔记和交流经验的方式,如有写得不好的地方或者可以改进的地方,欢迎各位大佬指点,但不接受批评的那种。

    来源:斗弟

    声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

    上一篇 2019年6月12日
    下一篇 2019年6月12日

    相关推荐