经历
Sublime和webstorm 盗版序列号经过一番血洗后,频频失效,期间浪费了很多时间破解,虽然经过一番尝试后。虽然成功破解但心也无心在折腾了。转向VScode开发
有需要用户可以查看:懒人安装一键安装插件神器教程
VScode常用插件推荐
HTML Snippets 超级实用且初级的 H5代码片段以及提示
Color-Highlight在编辑器中高亮显示颜色。
Guides代码的标签对齐线。
HTML CSS supportcss 自动补齐
Npm Intellisense在import语句中自动完成npm模块引入的代码插件
Debugger for Chrome让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试
background设置背景
beautify在Visual Studio代码中美化JavaScript,JSON,CSS,Sass和HTML。
Auto Close Tag 自动闭合HTML标签
Auto Rename Tag 修改HTML标签时,自动修改匹配的标签
Bracket Pair Colorizer 让括号拥有独立的颜色,易于区分
Open-In-Browser 由于 VSCode 没有提供直接在浏览器中打开文件的内置界面,所以此插件可以打开命令面板选项。
Live Server 类似代码运行服务器上的功能
Indenticator缩进高亮
IntelliSense for CSS class namesCSS类名智能命名提示
JavaScript (ES6) code snippetsES6语法提示
Path Intellisense编辑器中输入路径时,自动补全
Git History 查看和搜索git日志以及图表和细节。查看文件的前一个副本。查看和搜索历史
CSS Peek 能在源代码中的字符串中找到对应的css,显示在那个css文件里,还有在第几行。
Easy WXLESS微信小程序WXSS文件专用,保存可自动生成并同步编译成同名css文件
px2rem px、rem单位互相转换
常用Vue插件推荐
vetur语法高亮、智能感知、Emmet
提示:vue文件代码格式化,需要在首选项-设置-用户设置添加这行代码
"vetur.format.defaultFormatter.html": "js-beautify-html", //vue中HTML部分格式化
Vue 2 Snippets 最新的 Vue 官方语法高亮文件添加了语法高亮
vscode-element-helper Element-UI库代码片段
主题推荐:浅色调
Quiet Light