标签:初始化 插件 vue language VSCODE vscode eslint 设置 前端开发
-
不知到什么插件的原因,导致我的vscode编辑器,在输入比如
div
的时候按tab
不会识别成html
标签,在设置了推荐词之后还是不好使,于是初始化了自己的编辑器设置
,导致所有的插件和个性化设置都不见了- 参考设置过程参考文章
- 虽然插件被弄没了,但是确实再重新配置之后很快就可以自动补全了,这里记录一下从头配置
Vscode
的记录
-
首先设置
.vue
文件的单词补全功能-
-
ctrl + shift + p
打开设置,找到text editor
中的suggestions
下面的files
associations
-
添加
*.vue
value是html
-
即可对vue文件自动补全
-
-
安装
vetur
和eslint
-
这两个一个是用来
vue
项目语法提示,另一个是用来代码格式化
,所以都是最基础的 -
选中
插件
搜索
对应的插件点击install
即可安装,部分插件需要重启生效,直接在插件界面可以点击重启
-
-
设置vscode为中文
-
ctrl + shift + p
打开全局搜索 -
输入
luanguage
,选择configuration display language
-
选择
install addition language
-
在左侧
插件
栏,选择chinese
的插件进行安装 -
安装之后右下角会有个重启提示
-
点击重启
-
-
关闭
vscode
自带的git
功能- 由于我平时都是使用
sourceTree
进行代码管理,所以vscode
自带的git
功能我不怎么用,同时我的电脑性能十分有限,所以每次不需要的时候我会把这个功能关掉,不然会占用挺多的内存 ctrl + shift + p
输入setting
打开全局设置(或者在文件
首选项
打开设置)- 找到
git:enabled
把该项设置勾取消掉,即关闭了vscode
自带的git
- 由于我平时都是使用
-
保存时自动按照
eslint
规范格式化代码,.vue
文件和.html
文件- 前提条件,首先要保证已经安装了
eslint
这个插件 - 打开首选项
ctrl + shift + p
以json
格式打开首选项设置 - 在文件中添加如下设置
"editor.tabSize": 2, "eslint.autoFixOnSave": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.validate": [ //开启对.vue文件中错误的检查 "javascript", "javascriptreact", { "language": "html", "autoFix": true }, { "language": "vue", "autoFix": true } ]
- 前提条件,首先要保证已经安装了
标签:初始化,插件,vue,language,VSCODE,vscode,eslint,设置,前端开发 来源: https://www.cnblogs.com/zm-blogs/p/15894549.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。