[笔记] Visual Studio 网页前端开发新手套件

章节连结

此篇是篇学习记录。当一个新手要开始使用 Visual Studio 进行各式开发时,我自己认为所需安装的套件。
web designer


HTML/CSS 网页前端

1. Emmet (default) – 提供快速编写 HTML & CSS 的缩写。使用时,请记得不要打<>,直接输入里头的关键字即可
2. Lorem (default) – 直接产生对应数量的假字,如 lorem30 表示产生30个假字
3. Bracket Pair Colorizer – 方便在除错时找到对应标签
4. Code Spell Checker – 检查是否拼错字(对应语言默认为英文)
5. Live Server – 档案储存时,可以直接透过浏览器同步看到结果,在撰写 CSS 时很有用
6. Markdown Preview Enhance -可以在纯文字的描述中,预览 .md 档案的预览结果
7. 程式码自动缩排:Preference > Settings > Open settings.json > User Settings 贴上以下程式码
{
“editor.tabSize”: 2,
“editor.wordWrap”: “on”,
“editor.formatOnSave”: true,
“editor.formatOnPaste”: true,
}

 


按赞加入粉丝团

延伸阅读