一、双击运行vscode程序,按照步骤点击,到下图处按图示选择即可
VSCodeSetup-x64-1.15.1.exe

二、在vscode-plugins文件夹下找到install.bat文件,双击此文件,会出现很多窗口自动安装程序
三、安装完成后,打开vscode程序,找到下图红色的标识图标

四、在扩展处找到需要重新加载的插件,如有加载不成功的,先卸载掉,再将此插件安装,执行时需要注意vscode-eslint-1.4.3此包不能正常安装时,在扩展中输入eslint搜索出来进行安装即可
五、安装完成之后,需要替换相关文件有助于开发时提高时效,在文件——首选项——设置——用户设置中将vscode_settings.txt中的内容全选,复制到用户设置中,在用户设置中

红线部分举例说明,类似这样有波浪线提示的插件是未安装,在扩展中搜索安装即可
再将项目中的.editorconfig文件替换掉,主要是解决每个tab键能对应4个空格,再将.eslintrc.json文件复制进去,将.eslintrc.js文件删掉,这些操作不是必须安装设置项,只是为了开发时能利用插件设置提供有效的效果提示
安装包下载地址:链接: https://pan.baidu.com/s/14w1K2FfMGDxHhdiBq10qLA 密码: u6ry
如果在加入插件后遇到如下问题,可参考解决:
1、在引用elementui插件时,在main.js文件中横线路径根据自己项目下的命名

2、在测试插件时,出现下图红线处的错误,需要在eslintrc.json文件或是.js文件中,将"no-console": ["error"],改为"no-console":0,

或是增加下图红框标注的

网友评论