>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 13358 个阅读者 刷新本主题
 * 贴子主题:  VSCode 开发Vue必备插件 回复文章 点赞(0)  收藏  
作者:javathinker    发表时间:2021-09-05 09:55:10     消息  查看  搜索  好友  复制  引用

      
                                                    工欲善其事,必先利其器

     以下就是开发Vue必备插件:
Vetur —— 语法高亮、智能感知、Emmet等
包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着)

     点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小
    

     EsLint —— 语法纠错

     点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

     Debugger for Chrome —— 映射vscode上的断点到chrome上,方便调试(配置有点麻烦,其实我没用这个)

     点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

     Auto Close Tag —— 自动闭合HTML/XML标签

     点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

     Auto Rename Tag —— 自动完成另一侧标签的同步修改

     点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小


     JavaScript(ES6) code snippets —— ES6语法智能提示以及快速输入,除js外还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

     点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

     Path Intellisense —— 自动路径补全

     点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

     HTML CSS Support —— 让 html 标签上写class 智能提示当前项目所支持的样式

     点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小


     Beautify——格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则

     点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小


     Bracket Pair Colorizer——给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

     点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

     open in browser——直接右键项目单击启动

     点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

----------------------------
原文链接:https://blog.51cto.com/u_15328720/3669517

程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2021-09-11 10:39:13 重新编辑]
网站系统异常


系统异常信息
Request URL: http://www.javathinker.net/WEB-INF/lybbs/jsp/topic.jsp?postID=3922

java.lang.NullPointerException

如果你不知道错误发生的原因,请把上面完整的信息提交给本站管理人员