vscode

vscode教程(基础篇)

杀马特。学长 韩版系。学妹 提交于 2019-12-05 12:28:49
转载: https://segmentfault.com/a/1190000017949680 本文主要介绍vscode在工作中常用的快捷键及插件,目标在于提高工作效率 本文的快捷键是基于mac的,windows下的快捷键放在括号里 Cmd+Shift+P(win Ctrl+Shift+P) 零、快速入门 有经验的可以跳过 快速入门 或者大致浏览一遍 1. 命令面板 命令面板是vscode快捷键的主要交互界面,可以使用 f1 或者 Cmd+Shift+P (win Ctrl+Shift+P)打开。 在命令面板中你可以输入命令进行搜索(中英文都可以),然后执行。 命名面板中可以执行各种命令,包括编辑器自带的功能和 插件 提供的功能。 所以一定要记住它的快捷键 Cmd+Shift+P 2. 界面介绍 刚上手使用vscode时,建议要先把它当做一个文件编辑器(可以打字然后保存),等到有了一定经验再去熟悉那些快捷键 先来熟悉一下界面及快捷命令(不用记) 3. 在命令行中使用vscode 如果你是 Windows用户,安装并 重启系统 后,你就可以在命令行中使用 code 或者 code-insiders 了,如果你希望立刻而不是等待重启后使用,可以将 VS Code 的安装目录添加到系统环境变量 PATH 中 如果你是mac用户,安装后打开命名面板 Cmd+Shift+P ,搜索

从零开始学vuejs

泄露秘密 提交于 2019-12-05 12:24:29
  最近一段时间都花在了学习vue上,还总是断断续续的,学习的效果不是很明显,思考了好久了,应该是没有进行一个系统的总结,导致很多知识点总是似是而非,而且也有一部分是思维还没有从java转变过来,废话不多说,慢慢学吧!   准备将我学习vue的只是总结一下当个笔记吧,不记得的时候回头看一看;   vue官方文档: https://cn.vuejs.org 1.什么是vue.js   其实百度一下可以知道很多说明,是一套用于构建用户界面的渐进式框架,Vue 被设计为可以自底向上逐层应用,Vue 的核心库只关注视图层....,说实话这些刚开始对我来说完全没有什么用,直接学就对了,暂时就把vue当作一个js的第三方库用,就类似jquery一样,首先用script标签引入,然后用特定的语法使用就ok了;   当然,这是最low的方式,后面我们慢慢学怎么和webpack包管理工具集成,实现模块化开发,在此,我们先了解一下几个概念:   node:什么是node呢?我们知道js代码只能运行在浏览器上,但是没有浏览器js可以运行吗?当然可以,于是就有了node,node就是一个js的运行环境,你可以把它理解为浏览器的替代品,而且最关键的是js摆脱了浏览器的限制之后,就可以用js写后端代码了;比如可以写个服务器,其实就是写个程序跑起来一直监听电脑的某个端口,外界可以通过http请求访问这个端口

vscode 前端常用插件推荐

断了今生、忘了曾经 提交于 2019-12-05 11:41:18
1. vscode 简介 vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器。 当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种。 比起notepad++、editplus,vscode集成了许多IDE才具有的功能,比起它们更像一个代码编辑器; 比起sublime,vscode颜值更高,安装配置插件更为方便; 比起atom,vscode启动速度更快,打开各种大文件不卡。 可以说,vscode既拥有高自由度、又拥有高性能和高颜值,最关键的是,vscode还是一款免费并且有团队持续快速更新的代码编辑器。 可以说,vscode是代码编辑器的首选。个人推荐编写前端代码时,代码编辑器选择vscode,IDE选择WebStorm。 vscode安装插件只需要点击图片所示按钮,即可进入拓展,在搜索框中输入插件名点击安装后,等待安装好即可点击重新加载重启vscode使得插件生效。 当你不需要某个插件时只需要进入扩展,点击对应插件右下角的齿轮按钮即可选择禁用或卸载该插件。 2. 前端常用插件 (ps: 必备 > 推荐 > 了解) 必备的一定要装, 推荐的看自己需要, 了解的可不装 !!!   1.Auto Close Tag (必备)   自动闭合HTML/XML标签   2

【微信小程序】使用vscode编写微信小程序项目

走远了吗. 提交于 2019-12-05 09:03:24
1. 在微信开发者工具(以下简称:开发者)中新建一个模板微信小程序 2. 在开发者中将模拟器分隔开 3. 设置在保存时编译 4. 在vscode中打开项目目录 5. 下载代码提示插件 这样就可以在vscode中编写项目代码,在模拟器中查看内容 来源: https://www.cnblogs.com/ljl-zszy/p/11917854.html

VScode CPU 占用过高解决办法

ぐ巨炮叔叔 提交于 2019-12-05 04:33:33
参考 现象描述 在使用VScode软件打开项目的时候,会发现非常卡,一打开资源管理器发现CUP占用高达70%以上,这个现象可能是VScode一些默认后台运行内容占用了资源。我们可以通过设置相应内容来关闭这些后台运行程序。 解决方案 1、打开【文件】->【首选项】->【设置】,软件内容如下: VScode设置.png 2、在搜索框搜索 search.followSymlinks ,将如下代码复制到【工作区设置】 { "search.followSymlinks": false // 控制是否在搜索中跟踪符号链接 } VScode禁用搜索中跟踪符号链接.png 在查看资源管理器,发现占用CPU只有3%,问题已经解决。 作者:Yuhoo 链接:https://www.jianshu.com/p/8e388a4800ca 来源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 来源: https://www.cnblogs.com/dhjy123/p/11906142.html

基于Visual Studio Code搭建Vue开发环境

瘦欲@ 提交于 2019-12-05 03:59:31
安装node.js最新版 这里安装的是 8.11.4 版 image.png 更新npm至最新版 安装node.js后, npm默认版本为: 6.1.0 image.png 使用 npm install npm -g 更新npm至最新版 image.png 安装vs code 安装过程就忽略了. 安装@vue/cli > npm install -g @vue/cli image.png 创建一个vue-demo-project工程 创建过程中默认配置(开箱即用) image.png image.png 打开工程 image.png 默认情况下, VS code是使用英文的, 有需要的话, 大家也可自行修改为中文: 按下ctrl+p, 输入: > Config , 选择: “Configure Display Language" image.png 将原先的: image.png 修改为: image.png 修改并保存后, 会提示安装语言包, 安装即可: 打开一个 .vue 的文件时, 会提示推荐安装 vetur 插件, 当然选择安装了。安装成功后,会提示重启vscode image.png Vetur支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前端开发脚本和插件,比如Sass和TypeScript等等 eslint

[VSCode] Adding Custom Syntax Highlighting to a Theme in VSCode

邮差的信 提交于 2019-12-05 02:37:23
VSCode Themes are a quick way to update the color scheme and syntax highlighting of your code, but you might find your favorite theme isn't quite perfect. VSCode supports customizations that allow you to fix that problem. In this lesson, I add settings to update the syntax highlighting for the Synthwave '84 theme in Markdown and MDX files. We do this by inspecting TM scopes and making custom rules in our settings.json . "editor.tokenColorCustomizations": { "[SynthWave '84]": { "textMateRules": [ { "scope": "markup.inline.raw", "settings": { "foreground": "#72f1b8", } }, { "scope": "markup

VSCode调试data层时自身的一个bug

不打扰是莪最后的温柔 提交于 2019-12-05 02:31:25
使用VSCode在pytorch下进行调试有的时候会遇到下面这个错误: E00037.671: Exception escaped from start_client Traceback (most recent call last): File "/home/gzz/.vscode-server/extensions/ms-python.python-2019.9.34911/pythonFiles/lib/python/ptvsd/log.py", line 110, in g return f(*args, **kwargs) File "/home/gzz/.vscode-server/extensions/ms-python.python-2019.9.34911/pythonFiles/lib/python/ptvsd/pydevd_hooks.py", line 74, in start_client sock, start_session = daemon.start_client((host, port)) File "/home/gzz/.vscode-server/extensions/ms-python.python-2019.9.34911/pythonFiles/lib/python/ptvsd/daemon.py", line 214, in

[Vscode插件] 自动编译项目中的Sass文件为CSS

天大地大妈咪最大 提交于 2019-12-05 01:49:51
插件名 : Live Sass Compiler 今天在VSCode中发现了一个自动watch项目目录下sass文件的插件,摆脱了在控制台中进行手动watch的繁琐。 安装好以后点击右下角即可自动编译并watch整个项目下的sass文件 这是默认模式下编译出来的文件,更多的配置及功能可到插件主页查阅 来源: https://www.cnblogs.com/wuxiaoyi/p/11895752.html