在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
如题，请问该装什么插件？做什么配置？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
去官网找到之前1.14版本，安装一下vs-code编辑器。然后装一个Vetur插件，然后，在设置中把下边这段配置粘贴进去。
"emmet.syntaxProfiles": {
"vue-html":"html",
"vue":"html"
"files.associations": {
"*.vue": "vue"
不好用，你来我主页留言，或者去我的博客留言。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
安装Vetur插件,然后配置vscode
// 之前使用的是syntaxProfiles
// 新版Emmet中syntaxProfiles应该只用来决定最后输出
// 而给其他文件类型添加支持应该要放到新的配置项includeLanguages里
"emmet.includeLanguages": {
"vue": "html",
"vue-html": "html"
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
目前比较稳妥的办法下载1.14版本
这是1.14版本的
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
装个Vetur插件
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
将vue文件关联为html文件，就可以使用html代码提示了，但是这样有个缺点，就是style里就不支持less或者sass了=。=：1、安装html-snippets(通常都已安装)2、打开VScode设置3、添加个人设置
"files.associations": {
"*.vue": "html"
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
你现在解决了么？我之前都有自动提示的，后来升级到1.15版(64位的）后就没有了！
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。为什么VSCode里面HTML没有CSS和JS提示了_百度知道
为什么VSCode里面HTML没有CSS和JS提示了
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
不用插件的 默认就支持的你指的是要实现代码提示么如果需要复杂编写 一般不会适用n++的 会选择 dw aptana之类的
1条折叠回答
为你推荐：
其他类似问题
您可能关注的内容
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。请问下 vscode 输入!然后按 tab 生成的 html 模板在哪里修改呢 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
已注册用户请 &
请问下 vscode 输入!然后按 tab 生成的 html 模板在哪里修改呢
· 38 天前 · 527 次点击
按照搜到的，C:\Users\Dexter\.vscode\extensions\abusaidm.html-snippets-0.1.0\snippets\snippets.json
这个路径并没有看见...
2 回复 &| &直到
19:56:43 +08:00
& &38 天前
Code & Preferences & User Snippets & html
& &38 天前
@ 这里没有吧，同问~
& · & 582 人在线 & 最高记录 3762 & · &
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.1 · 15ms · UTC 21:55 · PVG 05:55 · LAX 14:55 · JFK 17:55? Do have faith in what you're doing.为了账号安全，请及时绑定邮箱和手机
点击这里，将文章分享到自己的动态
关于vscode的一些记录
最近在试用，先把大老婆sublime丢到一边，记录下vscode一些插件及用法，当作自己备忘。
sublime启动的速度还是无敌，不过有ssd情况下vscode给我的体验也很好，不像atom这个仿佛开挂的卡逼。
在最左侧的“扩展”中搜索并安装，简单方便，快捷键是ctrl + shift + x
打开用户设置
在安装好插件后想对插件进行自定义设置
ctrl + shift + p， 然后搜索ouss（ 即open user settings） 或者 【文件】-&【首选项】-&【设置】
HTML Snippets
实用且初级的HTML5代码片段以及提示
但是好像新版的vscode自带的emmet已经有这个功能
HTML CSS Support
让HTML标签上写class， 智能提示当前项目所支持的样式
fileheader
ctrl + shift + i， 可在头部插入注释， 包括作者信息， 需用户配置自己的名字等
比如我自己的设置：
// setting.json，在用户设置中
"fileheader.Author": "hu.zezhen",
"fileheader.LastModifiedBy": "hu.zezhen"
jQuery Code Snippets
编码的时候输入jq， 会有相关jQuery代码提示
不过觉得这样蛮傻的，不知道还有没有更友好点的提示
vscode - icon
让vscode资源树目录加上图标
Path Intellisense
自动补全路径，在输入路径时比较好用，比如输入img标签的src路径时
HTML代码检测
Project Manager
多个项目之间快速切换
需要先ctrl + shift + p，搜索Project Manager然后选择Save Project
然后才会在左侧的project中看得到这个项目，然后可以保存多个之后就可以在里面切换
这一点sublime就方便多了，直接文件夹拖入左侧的Side Bar就行了
Atuo Rename Tag
修改HTML标签，自动帮你完成尾部闭合标签的同步修改
丰富的git日志插件
打开有关联git远程仓库的文件夹时会在左侧中出现GitLens项
还能显示当前行的commit信息
Git History
git log，会在标题页右侧有个按钮Git: View History
Open HTML in Default Browser
HTML文件中，右键会显示“在浏览器中打开”，会使用默认浏览器打开当前文件
装了之后会在左下角显示当前文件大小
Bracket Pair Colorizer
让括号有独立颜色，便于区分，可查看安装页的详细配置，例如我自己的用户配置：
"bracketPairColorizer.forceIterationColorCycle": true,
"bracketPairColorizer.forceUniqueOpeningColor": true,
"bracketPairColorizer.showBracketsInGutter": true
开发vue时必备，语法高亮、智能感知、Emmet等
vue相关的snippet代码片段
Markdown Preview Enhanced
预览markdown文件，右键选择Markdown Preview
Import Cost
会显示import引入的包的大小
Dark-Dracula
这是一个主题，目前自己用的这个
vscode-background
可以给编辑器加背景图片，详细配置也可查看安装页的说明，我这里的配置是：
"background.enabled": true,
"background.useDefault": false,
"background.customImages": [
// 支持本地图片和https开头的图片
// 最多可分三栏，所以最多支持三张
"https://xxx.com/cdn/ybmq.min.png",
"https://xxx.com/cdn/ybmq.min.png",
"https://xxx.com/cdn/ybmq.min.png"
"background.style": {
"content": "''",
"pointer-events": "none",
"position": "absolute",
"z-index": "99999",
"width": "100%",
"height": "100%",
"background-position": "100% 100%",
"background-repeat": "no-repeat",
"opacity": 0.3
需要注意的是安装了这个插件，vscode会提示安装损坏，选择“不再提示”即可，作者自己在安装页也有解释。
格式化代码格式，可在用户配置中配置自己的风格，例如我这里配置了缩进为2个空格
"beautify.config": {
"indent_size": 2,
"indent_char": " "
Setting Sync
上传配置 Shift + Alt + U
下载配置 Shift + Alt + D
同步vscode插件等设置用的，测试了给宿舍的电脑同步公司上的设置可用
详细配置可参考
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
若觉得本文不错，就分享一下吧！
评论加载中...
相关文章推荐
正在加载中
Web前端工程师
作者相关文章vs code怎么恢复默认视图_百度知道
vs code怎么恢复默认视图
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
采纳数：193
获赞数：865
视图 →起始页
公司成立于2008年，现有职员140多人，本科及以上的占比70%，2015年营业额3000万元，公司旗下平台云客网（www.yuntask.com）是包含SEO推广等网络营销服务的众包服务平台，杭州志卓拥有“浙江省软件产品认证、浙江省软件企业认证”和“国家高新技术企业认证”以及“杭州市大学生见习基地”等多项资质。
视图 →起始页
1条折叠回答
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。