精华内容
下载资源
问答
  • VSCODE 打造完美java开发环境

    万次阅读 多人点赞 2018-01-23 11:56:58
    vscode Java 开发环境配置 (此博客已更新, 之前的排版不利于阅读) 使用vscode后,你可能无法忍受 eclipse :) 最后更新时间: 2018-07-01 (博客地址) 系统需安装jdk1.8,配置好环境变量JAVA_HOME 打开vscode,...

     

     

    vscode Java 开发环境配置

    VsCode 对 Java 的支持优化了许多(此博客是富文本编辑器编写,不方便更新,迁移到 新地址

    使用vscode后,你可能无法忍受 eclipse :)

    最后更新时间: 2020-05-30

    (博客地址)

    系统需安装jdk1.8,配置好环境变量JAVA_HOME

    打开vscode,安装java相关插件

    1. Language support for Java ™ for Visual Studio Code
    2. Java Extension Pack
    3. Debugger for Java
    4. Java Test Runner

    以上插件安装完成,就可以开始java开发了

    个人推荐插件

    1. Eclipse Keymap for Visual Studio Code. (eclipse快捷键,eclipse用户最爱)
    2. Lombok Annotations Support for VS Code. (简化POJO, 很惊喜)

    开发基本配置

    常用配置项: 文件->首选项->设置

    1. maven 配置(如果本地有安装maven)

      "java.configuration.maven.userSettings": "/home/luokai/maven/apache-maven-3.3.9/conf/settings.xml"

      < !--mirrors 中配置 mirror -->推荐使用maven阿里仓库:在settings.xml添加

      <mirrors>
          <mirror>
              <id>alimaven</id>
              <name>aliyun maven</name>
              <url>http://maven.aliyun.com/nexus/content/repositories/central/</url>
              <mirrorOf>central</mirrorOf>
          </mirror>
      </mirrors>
    2. 全局搜索忽略文件夹,搜索文件时常常需要忽略target文件

      "search.exclude": {
                  "**/node_modules": true,
                  "**/bower_components": true,
                  "**/target": true,
                  "**/logs": true
              }
    3. junit 测试,Java Test Runner插件运行多模块项目test存在问题 GitHub issues 现已解决 : ), 在 0.7.1 版本

      推荐一种繁琐的方式: 依赖maven

      任务->配置任务

      在tasks 数组中添加以下配置:

      "tasks": [
          {
              "label": "test:HelloWorld",
              "type": "shell",
              "command": "mvn -Dtest=HelloWorldTest#testHelloWorld test",
              "group": "test"
          },

      执行test:command : 是运行指定的单元测试 ,HelloWorldTest.testHelloWorld()方法

      任务->运行任务
      选择刚刚添加的 test case,完美运行

    4. 使用 tomcat 调试 web 项目

      • 安装 Tomcat for Java 插件
      • 点击侧边栏 TOMCAT SERVERS 右边 + 号,选择本地安装的 tomcat。
      • 选择 war 包运行。

        PS: 在调试前注意构建最新的 war 包

    小技巧:

    1. 取消单击打开文件覆盖导航栏:
      • 文件->首选项->设置, 添加 "workbench.editor.enablePreview": false,

     

    展开全文
  • VSCode设置中文语言显示

    万次阅读 多人点赞 2018-09-10 14:46:42
    Vscode是一款开源的跨平台编辑器。默认情况下,vscode使用的语言为英文(us),如何将其显示语言修改成中文了? 1)打开vscode工具; 2)使用快捷键组合【Ctrl+Shift+p】,在搜索框中输入“configure display ...

      Vscode是一款开源的跨平台编辑器。默认情况下,vscode使用的语言为英文(us),如何将其显示语言修改成中文了?

    1)打开vscode工具;

    2)使用快捷键组合【Ctrl+Shift+p】,在搜索框中输入“configure display language”,点击确定后;

    3)修改locale.json文件下的属性“locale”为“zh-CN”;

    4)重启vscode工具;

    如果重启后vscode菜单等仍然是英文显示,在商店查看已安装的插件,把中文插件重新安装一遍(如下图),然后在重启工具。

    在上图中商店中搜索Chinese(Simplied) Lang,安装即可。

    展开全文
  • VSCode代码自动补全html标签、css属性及值 - 无插件

    万次阅读 多人点赞 2019-09-24 13:41:13
    不需要插件,VSCode代码自动补全(html标签、style样式、css属性及值、),修改配置文件即可完成! 效果图 · 演示如下: 操作步骤 · 如下: 本编辑器已经汉化,所以截图如下。 首先,取消选中(控制在活动...

    不需要插件,VSCode代码自动补全(html标签style样式、css属性及值、),修改配置文件即可完成!


    效果图 · 演示如下:

    在这里插入图片描述


    操作步骤 · 如下:

    本编辑器已经汉化,所以截图如下。

    首先,取消选中(控制在活动代码片段内是否禁用快速建议)

    修改路径(截图示下):

    1. 设置 -->
    2. 文本编辑器 (建议)-->
    3. 取消选中 Suggest:Snippets Prevent Quick Suggestions (控制在活动代码片段内是否禁用快速建议)
    4. 完成第一步。剩下的就是修改配置文件:settings.json

    在这里插入图片描述
    在这里插入图片描述


    如何修改配置文件settings.json

    1. 首先找到文件(截图示下) · 找到并点击 “设置”:
      在这里插入图片描述

    2. 然后,弹出(如下图所示)弹框界面:

      在这里插入图片描述

    3. 然后,点击(如上图)的 “黄色的空心矩形框”,弹出settings.json文件(截图如下)。
      在这里插入图片描述

    4. 开始修改文件settings.json
      修改之前 · 全部代码如下:

      {
          "window.zoomLevel": 0,
          "terminal.integrated.rendererType": "dom"
      }
      

      修改之后 · 全部代码如下:

      {
          "window.zoomLevel": 0,
          "terminal.integrated.rendererType": "dom",
          "editor.suggest.snippetsPreventQuickSuggestions": false,
          "files.associations": {
              "*.vue":"html"
          }
      }
      

    附:参考文章

    1. 解决vscode没有代码提示

    以上就是关于“ VSCode代码自动补全html标签、、css属性及值 - 无插件 ” 的全部内容。

    展开全文
  • vscode 前端常用插件推荐

    万次阅读 多人点赞 2019-01-07 00:09:49
    1. vscode 简介 vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器。 当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种。 比...

    1.  vscode 简介

    1. vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器。
    2. 当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种。
    3. 比起notepad++、editplus,vscode集成了许多IDE才具有的功能,比起它们更像一个代码编辑器;
    4. 比起sublime,vscode颜值更高,安装配置插件更为方便;
    5. 比起atom,vscode启动速度更快,打开各种大文件不卡。
    6. 可以说,vscode既拥有高自由度、又拥有高性能和高颜值,最关键的是,vscode还是一款免费并且有团队持续快速更新的代码编辑器。
    7. 可以说,vscode是代码编辑器的首选。个人推荐编写前端代码时,代码编辑器选择vscode,IDE选择WebStorm。
    8. vscode安装插件只需要点击图片所示按钮,即可进入拓展,在搜索框中输入插件名点击安装后,等待安装好即可点击重新加载重启vscode使得插件生效。

    9. 当你不需要某个插件时只需要进入扩展,点击对应插件右下角的齿轮按钮即可选择禁用或卸载该插件。

     

    2.  前端常用插件  (ps: 必备 > 推荐 > 了解)

           必备的一定要装, 推荐的看自己需要, 了解的可不装 !!!

      1.Auto Close Tag (必备)

      自动闭合HTML/XML标签


     

       2.Auto Rename Tag (必备)

      自动完成另一侧标签的同步修改

     

      

      3.Beautify (必备)

          格式化 html ,js,css

      vue 里面配置方法和快捷键配置 戳这里

     

          另一款  Prettier

         格式化JavaScript / TypeScript / CSS 

         配置教程 戳这里

     

      4.Bracket Pair Colorizer (必备)

      给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

     

     

      5.Debugger for Chrome (推荐)

      映射vscode上的断点到chrome上,方便调试

           调试方法戳这

     

     

      6.ESLint (推荐)

      js语法纠错,可以自定义配置,不过配置较为复杂,建议使用网上一些广泛使用的eslint配置,日后我也会专门针对eslint配置写一篇文章。

     

     

      7.GitLens(使用git的必备)

      方便查看git日志,git重度使用者必备

           使用教程

     

     

      8.HTML CSS Support (必备)

      智能提示CSS类名以及id 

     

     

      9.HTML Snippets (必备)

      智能提示HTML标签,以及标签含义

     

     

      10.JavaScript(ES6) code snippets (必备)

      ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

     

     

      11.jQuery Code Snippets (推荐)

      jQuery代码智能提示

     

     

      12.Markdown Preview Enhanced (推荐)

      实时预览markdown,markdown使用者必备

     

     

      13.markdownlint (推荐)

      markdown语法纠错

     

     

      14.Material Icon Theme (推荐)

      vscode图标主题,支持更换不同色系的图标,值得点出的是,该插件更新极其频繁,基本和vscode更新频率保持一致

           极简主义是不需要的

     

     

          另一套 目录树图标主题 vscode-icons 

    使用方法,配置如下json

     

      15.open in browser (必备)

      vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari

    设置默认浏览器 

     

      16.Path Intellisense (必备)

      自动提示文件路径,支持各种快速引入文件

     

     

      17.React/Redux/react-router Snippets (推荐)(react必备)

      React/Redux/react-router语法智能提示

     

    补充两个

    1) React-Native/React/Redux snippets for es6/es7

    react代码片段,下载人数超多

    2) react-beautify

    格式化 javascript, JSX, typescript, TSX 文件

     

     

      18.Vetur (推荐)(vue必备)

      Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。

     

    补充 两个: 

    1) VueHelper

    vue代码片段

    2) Vue TypeScript Snippets

    vue的 typescript 代码片段

    3) Vue 2 Snippets

    vue 2代码片段

     

           19.Dracula Official (推荐)

      很好看的一款主题风格

        这样的

           

           20.filesize (了解)

      查看文件大小

     

     

     

           20.HTMLHint(了解)

       静态检查规则 具体规则戳这

     

         21. Class autocomplete for HTML (推荐)

         智能提示HTML class =“”属性(必备)

     

         22. IntelliSense for CSS class names (推荐)

         智能提示 css 的 class 名

         

         23.  Npm Intellisense(node必备)

         require 时的包提示

     

    如果还有好的插件我会随时补充 ~~~

    这里有一份更详细的清单,欢迎参考

    vscode 官方插件库​​​​​​​

    展开全文
  • VSCode设置网页代码实时预览

    万次阅读 多人点赞 2018-10-14 21:39:32
    1.VSCode作为一款很不错的开发软件,相比DW更小巧,用来测试前端特别不错,那么我们平时开发网页发现只有写完代码,然后保存,接下来到浏览器中刷新查看效果,然后不停重复,我们发现很多时间就这样浪费到了这三个...
  • 没用过这些 VSCode 插件?怪不得写代码头疼

    万次阅读 多人点赞 2020-02-17 10:44:02
    这篇文章收集了一些常用的vscode插件,提高开发效率。
  • 配置VScode c语言环境

    万次阅读 多人点赞 2018-08-03 07:16:51
    成成最近用到C语言了,之前比较喜欢用在vscode上面用python调试,今天我参考了一些文章,也尝试了下在vscode上配置c语言的调试,其中包含一些相关的基础知识。 1、在vscode里面下载c/c++官方插件: 2、安装c/c++...
  • VSCode下载与安装

    万次阅读 多人点赞 2019-06-27 22:34:28
    (1)点击进入VSCode官网 点击Download for Windows 下载后安装 (2)配置中文插件: ctrl shift +p 输入:Configure Display Language 选择en 点击后会提示重启: 选择Restart重启后如下: 点击左边小方框 后输入...
  • VSCode配置Python开发环境

    万次阅读 多人点赞 2018-08-10 01:16:07
    后来发现vscode这个软件,觉得很轻便,而且和之前使用的vs2018风格一样。 在这里对vscode配置Python开发环境做一下记录。 步骤1:安装Python 安装Python的教程网上有很多。直接到官网下载安装就行。 下载链接:...
  • 永久解决VSCode终端中文乱码问题

    万次阅读 多人点赞 2019-05-05 01:02:12
    在Windows下使用VSCode编译运行,都出现中文乱码的问题,今天我就遇见了这种情况,上网搜了半天也没有找到正确的解决方法,现将我把我的方法晒一下. 中文的windows下的cmd默认使用GBK的编码, 每次需要的时候只要在...
  • vscode 中使用 Git :拉取、提交、克隆

    万次阅读 多人点赞 2018-11-13 16:53:15
    3、在vscode中提交代码到仓库 回到 VSCode 打开 git工作区 (就是 直接VSCode中 file -> open 项目所在文件夹),就会看到所有代码显示在这里 点击+号,把所有文件提交到暂存区。 然后打开菜单选择--提交已暂存的 ...
  • VScode连接远程服务器--亲测有效

    万次阅读 2018-09-15 16:34:05
    这段时间想用vscode直接连接修改服务器上的文件,看了好些博客,感觉写的太乱,自己就把过程整理了下。 &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;首先,要登录到的服务器上去(默认已经把...
  • 使用VSCode如何从github拉取项目

    万次阅读 2018-08-08 23:03:17
    最近使用vscode进行前端编程,遇到一些问题网上说明的不是很明显,故记录一下 1.开vscode使用CTRL+`或者点击查看到集成终端打开控制终端 2. 在终端中cd到存放文件夹下面,然后git clone ...
  • 解决vscode没有代码提示

    万次阅读 多人点赞 2019-05-24 15:58:52
    今天在使用vscode的时候,代码提示突然不见了。 我先是在设置中更改了配置: 接着搜索prevent,取消此项的勾选 大部分人这样就成功了,但我这里还是显示不出来但是在html文件中是正常的 这时候点击右下角的文件...
  • vscode输出窗口中文乱码

    万次阅读 多人点赞 2019-05-26 11:50:29
    效果图 痛点 ...修改vscode用户设置 使用chcp命令 就这么个小问题,说解决的也使用没有晒图出来,都是骗子,什么心态…… 解决方法:开始->设置->时间和语言->其他日期、时间和区域设...
  • 超好用的编程字体推荐!!!以及vsCode的配置使用

    万次阅读 多人点赞 2019-08-14 21:26:49
    新版vsCode配置超好用的编程字体, Operator Mono Dank Mono Fira Code Light的下载链接
  • 玩转vscode

    千人学习 2019-09-17 10:46:27
    vscode是微软公司开发的一款免费的、开源的、轻量级的、功能强大的、跨平台的代码编辑器。 本课程讲述了vscode的详细使用,和在Python、Java、web前端等领域的开发实战。
  • VSCode配置C/C++环境

    万次阅读 多人点赞 2020-01-09 23:26:25
    VSCode配置成C/C++开发IDE 一. MinGW安装 安装下载地址 https://sourceforge.net/projects/mingw/files/latest/download 1 下载一个名为mingw-get-setup.exe的安装文件 下载成功之后 打开安装 2 install ...
  • VSCode Vue开发推荐插件和VSCode快捷键

    万次阅读 多人点赞 2018-07-07 12:40:03
    首先这几个是VSCode推荐Vue开发必备的插件 Vetur —— 语法高亮、智能感知、Emmet等 EsLint —— 语法纠错 Debugger for Chrome —— 映射vscode上的断点到chrome上,方便调试(配置有点麻烦,其实我没用这个) ...
  • 三步搞定 vscode 代码格式化

    万次阅读 热门讨论 2018-11-20 15:20:56
    一、安装以下几个 vscode 扩展程序: ESLint Prettier - Code formatter Vetur 如图: 二、打开 settings 文件 打开方式: 先按步骤打开 setting 界面, Code --&amp;amp;amp;amp;gt; preferences --&amp...
  • vscode怎样新建项目和文件

    万次阅读 多人点赞 2018-10-16 10:52:28
    vscode跟其他编辑器不太一样,今天咪咪我就来给大家分享一下vscode新建项目和文件的方法。 需要用品:电脑 vscode 01、首先是新建文件,如果只是单一的文件,可以直接点击欢迎界面的“新建文件”,这样即可得到一个...
  • vscode的下载、安装

    万次阅读 多人点赞 2019-03-02 12:41:00
    解压到非系统盘,文件夹最好不要出现中文和空格,我解压到D:\VSCode-win32-x64-1.31.1,直接运行code.exe即可 2、将vscode修改为中文环境 1)使用快捷键【Ctrl+Shift+P】弹出查找命令框,输入language,找到C...
  • vscode 配置C语言编译环境(完美版)

    万次阅读 多人点赞 2019-03-14 00:40:54
    vscode c语言的环境配置 使用MinGW-W64 GCC-8.1.0编译器默认安装目录的配置文件 MinGW-W64 GCC下载地址:...
  • vscode golang详细配置(持续更新)

    万次阅读 2017-12-23 19:55:29
    vscode的go插件安装 每次配好后,长时间不用动,下次再配置的时候仍然不熟悉,特此记录以备忘。 直接配置 ①gopath系统环境变量,在~/.bash_profile文件中添加: 这个设置以后,系统默认的go环境就指定...
  • 精选!15个必备的VSCode插件

    万次阅读 多人点赞 2017-08-16 21:17:32
    就像大多数 IDE 一样,VSCode 也有一个扩展和主题市场,包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件,我们针对性的收集了一些实用、有趣的插件与大家分享。 1. Open-In-Browser 由于 ...
  • VSCode入门教程

    万次阅读 多人点赞 2018-09-25 23:48:08
    最近开始用VSCode开发。刚下好软件的时候,一脸懵:和想象中的不一样啊。所以查资料后总结了这篇教程。 一、为什么要用? 轻量级、支持非常多的插件、某厂前端专用(顶锅盖).... 个人感觉是吸取了sublime的轻量...
  • VSCode基础使用+VSCode调试python程序入门

    万次阅读 多人点赞 2016-10-30 13:12:49
    VSCode安装扩展 用VSCode编程是需要依赖扩展的。写python需要安装python的扩展,写C++需要安装C++的扩展。刚打开编辑器的时候,它一般会推荐一些扩展,你如果什么都不知道,可以先安装官方推荐的这些扩展: ...
  • vscode 一键规范代码格式

    万次阅读 多人点赞 2019-07-02 01:23:19
    使用vscode的过程中 自己或者push代码以后 代码的格式可能会出现错乱, 作为一个成熟的开发 , 当然应该遵守一些代码规范, 首先代码整洁度应该排在第一位 使用vscode 格式化代码 在少量的情况下 可能可以手动去修改...
  • vscode-更换图标主题VSCode Icons.

    万次阅读 多人点赞 2018-07-28 14:02:28
    vscode-更换图标主题VSCode Icons. : 一、安装拓展  拓展插件如上图所示。  安装拓展步骤:点击左边拓展项=&gt;搜索VSCode Icons拓展=&gt;点击安装=&gt;重新加载     二、配置  步骤:...
  • VScode 不能自动补全结束标签?

    万次阅读 2018-09-10 09:21:16
    在vscod输入&lt;inp后选择标签回车 结果是这个样子的,并没有结束标签以及括号 ...而用sublime的时候输入同样的内容,选择...如何让VScode和sublime一样达成一个效果? 关注者 31 被浏览 22,659 关注问...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 88,765
精华内容 35,506
关键字:

vscode