利用vscode编写vue的简单配置详解

　　

　　

本文主要给大家介绍的是关于vscode编写vue简单配置的相关内容,分享出来供大家参考学习、下面来一起看看详细的介绍:

　　PS:

<强> 现在推荐使用vetur插件
　　

　　

win10崩溃,重装这个,结果崇高文本插件无法安装,各种心塞,于是决定转战vscode。
　　

　　

　　

　　<李>中文输入法支持更好。在windows平台下,需要圣支持中文输入需要安装各种插件,而且效果也是差强人意。 　　<李>基础功能更全面.vscode自带插件管理,git,侧边栏,集成终端,蚂蚁等功能,圣每次都需要自己安装,浪费时间。
　　李 　　

　　

但圣插是件更丰富,vscode插件相对较少,vue相关插件vscode更是只有一个,而且使用起来有不少问题,并且作者已经很久没有更新了,折腾了一下午,最终可以用来编写vue项目了。
　　

　　

vscode关于vue插件现在只有vscode-vue一个,安装完成代码提示并没有生效,这是因为vue文件的语言模式默认为html,需要在setting.json中设置:

　　 　　 　　”文件。协会":{ 　　”*。vue vue“: 　　} 　　 　　

但是此时编写样式蚂蚁插件不能正确识别,所以我后来也放弃了这种方式。

　　

　　

　　<李>代码补全,代码片段李 　　<李>蚂蚁正确生成html标签 　　<李>蚂蚁正确生成css, scss李 　　<李>代码高亮
　　李 　　

　　

其中2、3、4点,在html中都是可以做到的,而vue的代码补全与代码片段只需要自己编写就可以了,于是我将vue文件的语言模式还原为默认的html,在用户代码片段中加入vue文件需要的代码片段(文件——首选项,用户代码片段html),最终效果还可以。

　　

<强>添加的代码片段(持续更新):

　　 　　 　　{//把你对HTML片段。每个片段都是定义在一个片段的名称和前缀,身体和//描述。前缀是用来触发片段和身体将扩大和插入。可能的变量://$ 1、$ 2为制表符设置,$ {id}和$ {id:标签}和${1:标签}变量。变量具有相同id连接。//例如: 　　“打印到控制台”:{ 　　“前缀”:“日志”, 　　“身体”:( 　　“console.log(1美元);“, 　　" $ 2 " 　　), 　　“描述”:“日志输出到控制台” 　　}, 　　“创建vue模板”:{ 　　“前缀”:“vuec”, 　　“身体”:( 　　“& lt; template>” 　　“& lt;/template>” 　　“& lt; script>” 　　“出口默认{”, 　　”名称:\ " $ {1:component_name} \”、“ 　　“数据(){”, 　　“返回{”, 　　“}; 　　“}”, 　　“}”, 　　“& lt;/script>” 　　“& lt;风格lang=\ " $ {2: css} \“scoped>” 　　“& lt;/style>” 　　), 　　“描述”:“创建vue模板” 　　} 　　} 　　 　　

　　

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。
　　

利用vscode编写vue的简单配置详解