VS code 遇到的问题

(一)解决vscode更新过后cpu过高造成卡顿问题

前言:
这次更新过后每次打开vscode,cpu直接爆表!造成卡顿问题,每次都有rg.exe占用过高问题。

解决方法
文件->首选项->设置,
然后搜索“search.followSymlinks”改为false
search.followSymlinks是指控制是否在搜索中跟踪符号链接。
最新版—把对勾去掉
文件->首选项->设置

(二)ERROR in build.js from UglifyJs Unexpected token operator «=», expected punc «,»

最近在做vue项目,用的 webpack-simple 模板。开发过程中都没有问题。当打包上线的时候出现问题了。也就是运行

npm run build //这个大家都知道是上线时打包用的,会把代码压缩。

提示了如下错误

ERROR in build.js from UglifyJsUnexpected token operator «=», expected punc «,» [./node_modules/quill-image-extend-module/index.js:12,0][build.js:76527,35]

weback默认的webpack.optimize.UglifyJsPlugin不能压缩es6的代码文件。顺着这个思路只要我们把es6的代码用babel转换成es5即可。
原因肯定还是在webpack.config.js上。经过反复观测发现。问题出现在了loader配置上,loader上有一项是配置js文件转换的。

上面的配置exclude: /node_modules/。这一项排除了/node_modules,也就说是这项配置在用loader转化es5的时候不对node_modules下的引用进行es5转换。

看上面的报错信息,我项目中引用了/node_modules/quill-image-extend-module/index.js。根据exclude: /node_modules/,这个配置打包的时候是不会对这个文件进行es5转码。而webpack.optimize.UglifyJsPlugin不能压缩es6语法的文件,所以就报错了。
知道问题所在,那么就好解决了。代码如下

再次运行 npm run build 不在报错。正常编译成功了。
我们在项目开发中会经常引用第三方插件,所以我觉得这项配置可以直接去掉。避免麻烦发生。

参考资料:

https://blog.csdn.net/weixin_43240519/article/details/83094456

(三)webpack打包出现 it exceeds the max of “500KB” 怎么解决?

你在当前项目(VS code 的ctrl+P)的目录下搜索 .babelrc 文件 ,结果的第一个打开,
加上这行代码 “compact”: false ,

https://segmentfault.com/q/1010000012364704

(四)使用VS code扩展

现在使用的:

小程序相关:minapp、wxml 、wechat-snippet

Project Manager(下载后开始未达到使用预期,半个月后好了。重载了一遍Vetur的)

开发时需要切换项目,配置文件

(1)command+ shift + p打开配置文件,输入 Project Manager: Edit Projects

 

cssrem

Chinese (Simplified) Language Pack for Visual Studio Code

TODO Highlight

Todo Tree

Debugger for Chrome

Git History Diff

Git Tree Compare

GitLens — Git superchargede //好用的git源代码管理插件

Git History

Azure Repos 存储库

AutoFileName 文件路径补全

HTML CSS Support

CSS Formatter

Auto Close Tag  标签自动闭合

Auto Rename Tag

Beautify

临时卸载:

Vetur

Debug for JAva

Maven for Javavscjava.vscode-maven预览版

Language Support for Java(TM) by Red Hatredhat.java预览版

Java Test Runnervscjava.vscode-java-test预览版

Beautify

待启用:

Git Project Manager

AutoFileName

ESLint

 

参考网址:

https://www.jianshu.com/p/a91cb8a2e55d

https://www.html.cn/archives/9507

https://www.html.cn/archives/8144

https://blog.csdn.net/shunfa888/article/details/79606277

https://www.cnblogs.com/zhangycun/p/9529623.html

关于作者

tu