Go to comments

Visual StudioCode 常用插件

Run Code 插件

JS 代码在 Node 环境下运行

JS 文件右键 Run Code


compile hero 非正式化的 Less 编译器

袁老师英雄联盟集训营


文件->首选项->设置->扩展 


设置compile hero选项:

取消勾选 JavaScript-output-toggle,避免对js造成编译

设置 LESS-output-directory为./,将LESS编译的结果放到当前目录

取消勾选 Disable-compile-files-on-did-save-code,这样就可以在保存代码时自动完成编译


VsCode中ctrl+s后会在当前目录下自动生成dist目录的方法 https://www.jb51.net/article/196073.htm


Live Server 自动搭建本地服务器

TIM截图20200213162200.jpg  


两步实现 less 自动编译

第一步:从vscode商店中下载Easy LESS插件

20190308151410114.png

https://img-blog.csdnimg.cn/20190308151410114.png


第二步:配置

配置settings.json文件:文件 - 首选项 - 设置 - 搜索设置settings.json

"D:/xampp/htdocs/remviewport/" 注意,路径后要加斜杠

{
  "less.compile": {
    "out": "D:/xampp/htdocs/remviewport/"
  }
}

写自己的项目路径,保存后会自动在同级目录下,生成相同名称的css文件至此,普通版的Less配置就完成了。


参考资料:

https://blog.csdn.net/qq_40128375/article/details/88351941
https://www.cnblogs.com/Porsche911/p/9778294.html
https://blog.csdn.net/Jioho_chen/article/details/82465607


预览html文件插件

1、进入扩展搜索右拉框,在应用商店搜索框中输入"view in browser"会自动进行搜索。

2、进入扩展搜索右拉框,在应用商店搜索框中输入"open in browser"会自动进行搜索。


markDown插件

vscode将markdown转换为html或pdf文件

在搜索框中搜索插件名字  Markdown Preview Enhanced 

https://www.jianshu.com/p/5d79b7dce976

https://www.cnblogs.com/halfsugar-ss/p/13381457.html


袁老师VUE公开课,提到得到插件

1、Auto Rename Tag:能够字段更改结束标签

2、Live Server:自动搭建本地服务器

3、Prettier-Code formatter:代码美化

4、Vetur:VUE组件格式化支持

5、vscode-icons:美化文件图标

6、typora:md工具(https://typora.io/  非VsCode插件,win系统安装版本)

7、Code Runer:安装后右键Run code,运行结果(要安装NodeJS)

vue课程地址:https://ke.qq.com/course/2588158?taid=10108012260195838


vscode unins000.exe 报错,尝试在目标目录创造文件时发生错误

每次打开vscode 总是弹窗 unins000.exe 错误,点中止可以停掉,但是还是很烦人

方法一:给VS的安装目录增加权限即可,直接给所有权限

方法二:将vscode.exe以管理员权限打开

转自:https://blog.csdn.net/weixin_50523809/article/details/116976031


终端字体的问题

ubuntu18的vscode集成终端及代码文件显示字体间隙不正常问题的解决方案_vscode 终端字体空格_罗伯特祥的博客-CSDN博客


‌VSCode 设置中文界面

打开VSCode,按住键盘上的“Ctrl+Shift+P”组合键,打开命令面板。

在命令面板中输入“Configure Display Language”,选择该选项。

在弹出的语言选择列表中,选择“zh-cn”,表示简体中文。

点击列表中的“Restart”按钮,重启VSCode,界面将变为中文。


‌通过安装中文语言包进行汉化‌:

打开VSCode,点击左侧的扩展按钮,在搜索栏输入“chinese”。

选择第一个简体中文插件,点击右下角的install按钮进行安装。

安装完成后,按下组合快捷键“Ctrl+Shift+P”,输入“Configure Display Language”并选择简体中文。

重启VSCode后,界面将显示为中文。





Leave a comment 0 Comments.

Leave a Reply

换一张