前端秘法引言(配置vscode, 以及html的基础)

https://www.cnblogs.com/keepess/p/14822793.html

整合vs code 插件配置

打开vscode，按住Ctrl+k然后按Ctrl+o，选择打开文件夹选择刚才新建的文件夹。打开vscode，按住Ctrl+Shift+x，搜索Live Server并安装。按住Ctrl+Shift+f打开项目目录，新建文件xxx.html。Win+E打开文件资源管理器，并新建一个文件夹用于存放代码。百度搜索vscode，进入官网。

这里有15个有助于写html的插件，最后两个插件是AI模型，不论是html还是其他高级语言，都能用到。适用于VS Code的中文（简体）语言包。安装完毕之后，点击右下角的“Change Language and Restart”按钮，重新启动服务。自动重命名标签示例：假如你有如下的html代码： 当你修改 标签为 时， 标签会自动变为 。同样，如果你修改 为 ， 也会自动变为 它为HTML文件中的CSS类名和 id 提供智能提示和自动补全功能。它是一个内置的代码片段扩展，它提供了一系列常用

VScode是企业中最常用的前端开发工具，本文描述如何利用VScode搭建前端开发环境。

其中 prettier.configPath 项，需自己本地新建“.prettierrc.json”文件（存到哪无所谓，配置好路径就好），用记事本打开，插入如下内容将路径改成自己的文件路径。配置iterm命令行工具，按照下面文档中配置。按“ctrl”+“，”组合键，打开设置页。

配置 VScode 编辑器 (前端篇) 2021/8/2 目录配置 VScode 编辑器 (前端篇)一、代码片段设置二、常用插件1. open in browser2. Guides3. HTMLHint4. Path Intellisense5. Material Theme6. prettier7. vetur8. carbon-now-sh9.Auto Rename Tag三、常用快捷键 一、代码片段设置 左下角设置 -> 用户代码片段 上面弹框输入 HTML，或者JavaScript，css

！+ tab 快速生成html代码 shift + alt + ↓ 快速复制当前行到下一行

作者主页今天来跟大家分享一下关于在VS Code上搭建前端环境的方法。

前端开发vscode常用插件 Auto Rename Tag 重命名一个HTML / XML标签时，自动重命名配对的HTML / XML标签 Bracket Pair Colorizer 匹配的括号用颜色标识 Live Server 实时服务器 open in browser 在浏览器中打开 Path lntellisense 路径智能感知 polacode-2020 代码截图 prettier 代码格式化 atom one dark theme || one dark pro 颜色主

vs code好用的几款插件

Auto Close Tag html标签自动闭合 Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code vscode中文插件儿 Easy LESS 项目无框架无webpack时可以使用的一个less转换插件 settings.json配置 "less.compile": { "out": false, //是否输出css文件，false为不输出 "compress": false, //是否压缩 "sour..