没有合适的资源?快使用搜索试试~ 我知道了~
首页vscode 前端最佳配置小结
vscode 前端最佳配置小结
3 下载量 31 浏览量
更新于2023-03-03
评论
收藏 170KB PDF 举报
Insert description."}}Screen Reader(屏幕阅读器)只支持windows7以上操作系统,不支持mac.可用可不用,作为练习英语听力的小玩具.首先下载并安装软件,Nvda, 需要的pass: he2m安装完成此软件后启动。在vscode中配置项editor.quickSuggestions决定是否开启.vue项目,标准格式化规范.eslintrc.js到此这篇关于vscode 前端最佳配置小结的文章就介绍到这了,更多相关vscode 前端最佳配置内容请搜索脚本之家以前的
资源详情
资源评论
资源推荐
vscode 前端最佳配置小结前端最佳配置小结
Insert description."}}Screen Reader(屏幕阅读器)只支持windows7以上操作系统,不支持mac.可用可不用,作为练习英语听力的小玩具.首先下载并安装软件,Nvda,
需要的pass: he2m安装完成此软件后启动。在vscode中配置项editor.quickSuggestions决定是否开启.vue项目,标准格式化规范.eslintrc.js到此这篇关于vscode 前端最佳
配置小结的文章就介绍到这了,更多相关vscode 前端最佳配置内容请搜索脚本之家以前的
vscode最佳配置
添加如何设置屏幕阅读器优化
添加对 Flutter(Dart)的语法支持,配置在最底部
最近一次更新时间: 2020.03.22 (vscode V1.39.2)
配置说明详解
vscode配置文件内容在最后,已附上。可直接copy使用
vue项目,标准格式化规范的eslint文件附在末尾
editor是针对vscode的风格设置
例如 tabSize:一个tab等于2个空格,行高为24px
workbench是针对vscode的主题设置
例如 iconTheme( 图标风格):使用插件 vscode-great-icons (需搜索安装)
例如 colorTheme(代码颜色风格):使用插件 One Dark Pro Vivid(需搜索安装)
search.exclude 配置vscode中项目中的哪些地方被排除搜索,避免你每次搜索结果中都有一大堆无关内容
files.associations 配置文件关联,比如(作演示) :
任何 vue 后缀的文件会被认为是 html 文件 ,(查看编辑器右下角可见) 然后 vscode 会用 html 规则匹配 vue 文件做相应格式化,代码提示。
任何 wxss 后缀的文件会被认为是 css 文件 ,然后 vscode 会用 css 规则匹配 wxss 文件,给出加载对应的 css 的属性排序,rem 自动转换,格式化等规则
"files.associations": {
"*.vue": "html",
"*.wxss": "css"
}
sync是用于同步vscode配置使用,不用每一次换个电脑都要复制一次配置,避免丢失或者改动,保持一致!
apicloud 是用于同步vscode开发apicloud程序时进行手机wifi真机同步使用,不用数据线即可调试。
vetur 和prettier和stylus是用于vue开发时的代码格式化, 代码提示.
eslint 是用于代码格式化代码时,选择用自己的格式化规则或者标准规则,prettier规则等
filesize在底部状态栏左侧,显示当前文件大小,没啥用
Live Server快速启动一个本地服务器,注意只对.html和.htm文件有效。对html文件点击鼠标右键,选择open with Live Server
Sublime Text Keymap很多FD习惯使用sublime的一套快捷键。
屏幕阅读器优化, 可选项. 此功能是 vscode 专门配合盲人阅读器而做的贴心选项,对于程序员来说也有一定作用( 哈哈哈, 可以纠正中式英文发音):当你的鼠标悬浮在桌面任何位置,语音朗读器都会朗读出来
所在位置的内容。一旦在vscode中开启,那么底部会显示如图所示。具体如何设置在文尾。
vscode插件安装
Atom One Dark Theme 主题
VSCode Great Icons 图标主题
Beautify 美化vscode代码
Bracket Pair Colorizer 每一对括号用不同颜色区别 (括号强迫症必备)
indent-rainbow 凸显缩进,让你的缩进一目了然
Prettier 格式化,使用标准风格,快捷键 alt+shift +F
EditorConfig for VS Code vscode的配置文件
cssrem 将css中的px自动转换为rem.再也不用计算器了(大漠大神推介)
Code Runner node,python等代码不必开命令行即可运行
Eslint 语法检测
GitLens 在代码中显示每一行代码的提交历史
HTML CSS Support vscode对html,css文件支持,便于你快速书写属性
Vetur 添加对.vue后缀文件的快速书写支持。
Vue 2 Snippets 快速新建vue页面(参考我另一篇文章)
React Native Tools 添加对 React Native项目的支持,快速书写es6以及jsx
C/C++ 运行React Native项目时,有些文件的查看需要这个
View In Browser 迅速通过浏览器打开html文件
Sublime Text Keymap 启动sublimeText的快捷键配置。vscode上面自有一套快捷键设定,个人习惯sublime快捷键
markdownlint 书写md文件的预览插件
Path Intellisense 路径识别苦战,比如书写图片路径时。遗憾就是,对webpack项目中的路径别名无法扩展
npm Intellisense 在import语句中,自动填充npm模块。
language-stylus CSS预处理器,styl后缀文件的识别扩展
Settings Sync 用于同步vscode配置,多台电脑一份配置(相对而言配置复杂,可不安装)
filesize 在底部状态栏左侧,显示当前文件大小,还可以点击哟
Document This 快速生成注释,注意只对类和函数有效。快捷键 Ctrl+Alt+D
Live Server 快速启动一个本地服务器
Python 添加对.py文件的支持,毕竟tab与空格的痛苦,写过python的都知道
Flutter 2018是 Flutter 最火爆的一年,2019持续爆炸
{ // VScode主题配置
"editor.tabSize": 2,
"editor.lineHeight": 24,
"editor.renderLineHighlight": "none",
"editor.renderWhitespace": "none",
"editor.fontFamily": "Consolas",
"editor.fontSize": 15,
"editor.cursorBlinking": "smooth",
"editor.multiCursorModifier": "ctrlCmd",
"editor.snippetSuggestions": "top",
// 使用vscode的自动格式化时,有时会把一行过长的代码折行。400表示400个字符处折行
"editor.wordWrapColumn": 400,
"editor.wordWrap": "off",
"editor.quickSuggestions": {
"other": true,
"comments": true,
weixin_38591291
- 粉丝: 6
- 资源: 957
上传资源 快速赚钱
- 我的内容管理 收起
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
会员权益专享
最新资源
- stc12c5a60s2 例程
- Android通过全局变量传递数据
- c++校园超市商品信息管理系统课程设计说明书(含源代码) (2).pdf
- 建筑供配电系统相关课件.pptx
- 企业管理规章制度及管理模式.doc
- vb打开摄像头.doc
- 云计算-可信计算中认证协议改进方案.pdf
- [详细完整版]单片机编程4.ppt
- c语言常用算法.pdf
- c++经典程序代码大全.pdf
- 单片机数字时钟资料.doc
- 11项目管理前沿1.0.pptx
- 基于ssm的“魅力”繁峙宣传网站的设计与实现论文.doc
- 智慧交通综合解决方案.pptx
- 建筑防潮设计-PowerPointPresentati.pptx
- SPC统计过程控制程序.pptx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0